javascript mouseover、mouseout停止事件冒泡的解决方案
更新时间：2009年04月07日 21:52:40 作者：
停止事件冒泡在各浏览器中已经有相应的解决方案，但是对于mouseover和mouseout却显得力不从心。
在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
虽然网上已经有针对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实现的全国省市县无刷新多级关联菜单效果代码,涉及javascript针对页面元素的遍历与属性的动态操作技巧,需要的朋友可以参考下2016-08-08
这篇文章主要介绍了js中构造流程图的核心技术JsPlumb，jsPlumb是一个强大的JavaScript连线库，它可以将html中的元素用箭头、曲线、直线等连接起来，适用于开发Web上的图表、建模工具等，需要的朋友可以参考下2015-12-12
Layui框架的table.render方法是用于渲染表格的核心功能,通过配置对象定义表格样式、列和数据源,cols数组中的每个对象通过field属性与数据源绑定,指定要显示的数据字段,本文给大家介绍Layui table.render的使用,感兴趣的朋友一起看看吧2024-09-09
下面小编就为大家分享一篇js原生实现移动端手指滑动轮播图效果的示例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-01-01
这篇文章主要介绍了如何threejs利用indexeddb缓存加载glb模型问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2024-04-04
如果所请求的域名跟这个域名不致，这种情况就是跨域，由于跨域存在漏洞，所以一般来说正常的跨域请求方式是请求不到的，所以有了本文的出现，感兴趣的你可以参考下哈，希望可以帮助到你2013-03-03
js跨域我用的比较多的就是jsonp和程序代理。但是jsonp只能用get，而且是js异步调用，有时候不能满足项目要求2012-08-08
本文详细介绍了javascript函数的四种调用模式。具有一定的参考价值，下面跟着小编一起来看下吧2017-01-01
javascript判断iphone/android手机横竖屏模式的函数
iphone能很好的使用onorientationchange事件，但是android的onresize事件即使不旋转也会触发多次2011-12-12
这篇文章主要介绍了JavaScript基于zepto.js实现相册弹窗功能的相关资料，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-06-06
最新评论