基于mouseout和mouseover等類似事件的冒泡問題解決方法
更新時間：2013年11月18日 10:05:08 作者：
這篇文章主要介紹了關于mouseout和mouseover等類似事件的冒泡問題解決方法。需要的朋友可以過來參考下，希望對大家有所幫助
最近寫點東西，比較鬧心，一個彈出層，上邊有其他元素，本意是鼠標離開彈出層時，執(zhí)行一些動作，但在實際應用中，鼠標離開彈出層中的元素時，也會激活這些動作。試了各瀏覽器的停止事件冒泡的方法，均無效。
還是咱們javaeye里高人眾多，在一個哥們博客中發(fā)現了如下代碼：
復制代碼 代碼如下:
function isMouseLeaveOrEnter(e, handler) {
if (e.type != 'mouseout' && e.type != 'mouseover') return false;
var reltg = e.relatedTarget ? e.relatedTarget : e.type == 'mouseout' ? e.toElement : e.fromElement;
while (reltg && reltg != handler)
reltg = reltg.parentNode;
return (reltg != handler);
}
這個方法是判斷，當前元素是不是要執(zhí)行mouseout事件的元素，這樣就可以避免上述問題。
您可能感興趣的文章:
相關文章
這篇文章主要介紹了taro 實現購物車邏輯，本文通過實例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下2020-06-06
這篇文章主要介紹了基于javascript實現全屏漂浮廣告，光標懸浮廣告停止移動，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-03-03
這篇文章主要介紹了Javascript實現div的toggle效果的方法,實例分析了采用純javascript實現toggle效果的相關技巧,需要的朋友可以參考下2015-06-06
這篇文章主要介紹了關于JavaScript的內存與性能問題解決匯總，在JavaScript中，頁面中事件處理程序的數量與頁面整體性能直接相關，原因有很多，下面就一起來看看具體的總結吧2022-04-04
使用Github?Actions發(fā)布npm包完整過程詳解
本文包含本地發(fā)布npm包發(fā)布流程,?和?github?action自動發(fā)布npm包流程,幫助你更好的發(fā)布自己或公司的npm包,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2023-09-09
這篇文章主要介紹了JavaScript中匿名函數用法,實例分析了javascript中匿名函數的功能、定義及具體用法,需要的朋友可以參考下2015-03-03
這篇文章主要為大家詳細介紹了原生js實現彈動小球效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-04-04
下面小編就為大家?guī)硪黄狫avascript獲取隨機數的實現方法。小編覺得挺不錯的，現在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-06-06
字符限制公司項目中有個這樣的東西，大家用微博的都明白哈2012-04-04
這篇文章主要介紹了基于JavaScript實現回到頁面頂部動畫代碼的相關資料,代碼簡單易用，非常實用，需要的朋友可以參考下2016-05-05