javascript mouseover、mouseout停止事件冒泡的解決方案
更新時間：2009年04月07日 21:52:40 作者：
停止事件冒泡在各瀏覽器中已經(jīng)有相應(yīng)的解決方案，但是對于mouseover和mouseout卻顯得力不從心。
在IE里有onmouseleave和onmouseenter, 而對于要兼容各大瀏覽器的Web開發(fā)人員來說還是一件頭疼的事。
雖然網(wǎng)上已經(jīng)有針對Mozilla Firefox的一些計策，但代碼量也是不容樂觀的。
想尋求比較好的解決方案，于是就翻遍了國內(nèi)的大小網(wǎng)站，終一無所獲，不得不硬著頭皮去讀國外網(wǎng)站，結(jié)果是理想的，因?yàn)閃3C里有relatedTarget，于是就有了下邊的解決方案：
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
雖然網(wǎng)上已經(jīng)有針對Mozilla Firefox的一些計策，但代碼量也是不容樂觀的。
想尋求比較好的解決方案，于是就翻遍了國內(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是一個強(qiáng)大的JavaScript連線庫，它可以將html中的元素用箭頭、曲線、直線等連接起來，適用于開發(fā)Web上的圖表、建模工具等，需要的朋友可以參考下2015-12-12
Layui框架的table.render方法是用于渲染表格的核心功能,通過配置對象定義表格樣式、列和數(shù)據(jù)源,cols數(shù)組中的每個對象通過field屬性與數(shù)據(jù)源綁定,指定要顯示的數(shù)據(jù)字段,本文給大家介紹Layui?table.render的使用,感興趣的朋友一起看看吧2024-09-09
js原生實(shí)現(xiàn)移動端手指滑動輪播圖效果的示例
下面小編就為大家分享一篇js原生實(shí)現(xiàn)移動端手指滑動輪播圖效果的示例，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-01-01
這篇文章主要介紹了如何threejs利用indexeddb緩存加載glb模型問題,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-04-04
如果所請求的域名跟這個域名不致，這種情況就是跨域，由于跨域存在漏洞，所以一般來說正常的跨域請求方式是請求不到的，所以有了本文的出現(xiàn)，感興趣的你可以參考下哈，希望可以幫助到你2013-03-03
js跨域我用的比較多的就是jsonp和程序代理。但是jsonp只能用get，而且是js異步調(diào)用，有時候不能滿足項(xiàng)目要求2012-08-08
javascript函數(shù)的四種調(diào)用模式
本文詳細(xì)介紹了javascript函數(shù)的四種調(diào)用模式。具有一定的參考價值，下面跟著小編一起來看下吧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)資料，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-06-06