基于mouseout和mouseover等类似事件的冒泡问题解决方法
更新时间：2013年11月18日 10:05:08 作者：
这篇文章主要介绍了关于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事件的元素，这样就可以避免上述问题。
您可能感兴趣的文章:
相关文章
下面小编就为大家带来一篇js 显示日期时间的实例(时间过一秒加1)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-10-10
javascript中onmouse事件在div中失效问题的解决方法
我们预期只有当鼠标从div中移开的时候才会触发onmouseout事件，可事实上，当我们移到div中的元素时，例如：本例中的a标签时，就会触发 onmousout事件2012-01-01
这篇文章主要介绍了关于uniApp editor微信滑动问题,本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2021-01-01
javascript是一种解释型语言，它的执行是自上而下的。由于各个浏览器对它的理解有所差异，所以我们有必要深入理解js的执行顺序2014-03-03
下面小编就为大家带来一篇js每隔两秒输出数组中的一项(实例)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-05-05
这篇文章主要为大家详细介绍了微信小程序模板template使用的相关资料，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2018-01-01
这篇文章主要介绍了javascript实现拖动元素交换位置的方法，类似拼图游戏拖拽卡片效果，感兴趣的小伙伴们可以参考一下2015-11-11
这篇文章主要介绍了深入学习JavaScript执行上下文,文章围绕主题展开详细的内容介绍，具有一定的参考价值，需要的朋友可以参考一下，希望对你的学习有所帮助2022-08-08
在我们日常开发中经常要验证客户输入的手机号是否正确，有的时候还需要将中间的四位或者前几位用星号(*)代替，那该如何实现呢？下面跟着小编一起来看看。2016-08-08
经常用到javascript对dom，喜欢这方便的朋友也很多，要想更好的对dom进行操作，这些基础一定要知道的。2010-04-04
最新评论