源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

javascript mouseover、mouseout停止事件冒泡的解决方案

  • 时间:2021-04-09 22:30 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:javascript mouseover、mouseout停止事件冒泡的解决方案
在IE里有onmouseleave和onmouseenter, 而对于要兼容各大浏览器的Web开发人员来说还是一件头疼的事。 虽然网上已经有针对Mozilla Firefox的一些计策,但代码量也是不容乐观的。 想寻求比较好的解决方案,于是就翻遍了国内的大小网站,终一无所获,不得不硬着头皮去读国外网站,结果是理想的,因为W3C里有relatedTarget,于是就有了下边的解决方案:
[u]复制代码[/u] 代码如下:
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
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部