首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

关于mouseout和mouseover等等类似事件的冒泡有关问题

2012-11-10 
关于mouseout和mouseover等等类似事件的冒泡问题最近写点东西,比较闹心,一个弹出层,上边有其他元素,本意是

关于mouseout和mouseover等等类似事件的冒泡问题

最近写点东西,比较闹心,一个弹出层,上边有其他元素,本意是鼠标离开弹出层时,执行一些动作,但在实际应用中,鼠标离开弹出层中的元素时,也会激活这些动作。试了各浏览器的停止事件冒泡的方法,均无效。

还是咱们javaeye里高人众多,在一个哥们博客中发现了如下代码:

?

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

?这个方法是判断,当前元素是不是要执行mouseout事件的元素,这样就可以避免上述问题。

热点排行