您好,欢迎来到宝岛财富。
搜索
您的当前位置:首页基于mouseout和mouseover等类似事件的冒泡问题解决方法_javascript技巧

基于mouseout和mouseover等类似事件的冒泡问题解决方法_javascript技巧

来源:宝岛财富


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

还是咱们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事件的元素,这样就可以避免上述问题。

Copyright © 2019- bddr.cn 版权所有

违法及侵权请联系:TEL:199 18 7713 E-MAIL:2724546146@qq.com

本站由北京市万商天勤律师事务所王兴未律师提供法律服务