javascript mouseover、mouseout停止事件冒泡的解决方案_Javascript教程-查字典教程网
javascript mouseover、mouseout停止事件冒泡的解决方案
javascript mouseover、mouseout停止事件冒泡的解决方案
发布时间:2016-12-30 来源:查字典编辑
摘要:在IE里有onmouseleave和onmouseenter,而对于要兼容各大浏览器的Web开发人员来说还是一件头疼的事。虽然网上已经有针对...

在IE里有onmouseleave和onmouseenter, 而对于要兼容各大浏览器的Web开发人员来说还是一件头疼的事。

虽然网上已经有针对Mozilla Firefox的一些计策,但代码量也是不容乐观的。

想寻求比较好的解决方案,于是就翻遍了国内的大小网站,终一无所获,不得不硬着头皮去读国外网站,结果是理想的,因为W3C里有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

相关阅读
推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
  • 大家都在看
  • 小编推荐
  • 猜你喜欢
  • 最新Javascript教程学习
    热门Javascript教程学习
    编程开发子分类