javascript mouseover、mouseout停止事件冒泡的解決方案

更新時(shí)間：2009年04月07日 21:52:40 作者：

停止事件冒泡在各瀏覽器中已經(jīng)有相應(yīng)的解決方案，但是對于mouseover和mouseout卻顯得力不從心。

在IE里有onmouseleave和onmouseenter, 而對于要兼容各大瀏覽器的Web開發(fā)人員來說還是一件頭疼的事。
雖然網(wǎng)上已經(jīng)有針對Mozilla Firefox的一些計(jì)策，但代碼量也是不容樂觀的。
想尋求比較好的解決方案，于是就翻遍了國內(nèi)的大小網(wǎng)站，終一無所獲，不得不硬著頭皮去讀國外網(wǎng)站，結(jié)果是理想的，因?yàn)閃3C里有relatedTarget，于是就有了下邊的解決方案：

復(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); 
}

在onmouseover和onmouseout里做如上判斷。
作者:lxsgoodluck

您可能感興趣的文章:

相關(guān)文章

javascript實(shí)現(xiàn)的全國省市縣無刷新多級關(guān)聯(lián)菜單效果代碼
這篇文章主要介紹了javascript實(shí)現(xiàn)的全國省市縣無刷新多級關(guān)聯(lián)菜單效果代碼,涉及javascript針對頁面元素的遍歷與屬性的動態(tài)操作技巧,需要的朋友可以參考下
2016-08-08
詳解js中構(gòu)造流程圖的核心技術(shù)JsPlumb（2）
這篇文章主要介紹了js中構(gòu)造流程圖的核心技術(shù)JsPlumb，jsPlumb是一個(gè)強(qiáng)大的JavaScript連線庫，它可以將html中的元素用箭頭、曲線、直線等連接起來，適用于開發(fā)Web上的圖表、建模工具等，需要的朋友可以參考下
2015-12-12
Layui?table.render的使用示例詳解
Layui框架的table.render方法是用于渲染表格的核心功能,通過配置對象定義表格樣式、列和數(shù)據(jù)源,cols數(shù)組中的每個(gè)對象通過field屬性與數(shù)據(jù)源綁定,指定要顯示的數(shù)據(jù)字段,本文給大家介紹Layui?table.render的使用,感興趣的朋友一起看看吧
2024-09-09
js原生實(shí)現(xiàn)移動端手指滑動輪播圖效果的示例
下面小編就為大家分享一篇js原生實(shí)現(xiàn)移動端手指滑動輪播圖效果的示例，具有很好的參考價(jià)值，希望對大家有所幫助。一起跟隨小編過來看看吧
2018-01-01
如何threejs利用indexeddb緩存加載glb模型
這篇文章主要介紹了如何threejs利用indexeddb緩存加載glb模型問題,具有很好的參考價(jià)值,希望對大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教
2024-04-04
Javascript跨域請求的4種解決方式
如果所請求的域名跟這個(gè)域名不致，這種情況就是跨域，由于跨域存在漏洞，所以一般來說正常的跨域請求方式是請求不到的，所以有了本文的出現(xiàn)，感興趣的你可以參考下哈，希望可以幫助到你
2013-03-03
JS跨域代碼片段
js跨域我用的比較多的就是jsonp和程序代理。但是jsonp只能用get，而且是js異步調(diào)用，有時(shí)候不能滿足項(xiàng)目要求
2012-08-08
javascript函數(shù)的四種調(diào)用模式
本文詳細(xì)介紹了javascript函數(shù)的四種調(diào)用模式。具有一定的參考價(jià)值，下面跟著小編一起來看下吧
2017-01-01
javascript判斷iphone/android手機(jī)橫豎屏模式的函數(shù)
iphone能很好的使用onorientationchange事件，但是android的onresize事件即使不旋轉(zhuǎn)也會觸發(fā)多次
2011-12-12
JavaScript實(shí)現(xiàn)相冊彈窗功能（zepto.js)
這篇文章主要介紹了JavaScript基于zepto.js實(shí)現(xiàn)相冊彈窗功能的相關(guān)資料，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2016-06-06