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


Posted in Javascript onApril 07, 2009

在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 相关文章推荐
JS在IE和FireFox之间常用函数的区别小结
Mar 12 Javascript
JavaScript动态创建div属性和样式示例代码
Oct 09 Javascript
JavaScript动态改变div属性的实现方法
Jul 22 Javascript
jquery图片滚动放大代码分享(1)
Aug 25 Javascript
利用JS实现页面删除并重新排序功能
Dec 09 Javascript
Bootstrap禁用响应式布局的实现方法
Mar 09 Javascript
React-Native 组件之 Modal的使用详解
Aug 08 Javascript
JavaScript获取移动设备型号的实现代码(JS获取手机型号和系统)
Mar 10 Javascript
Webpack中雪碧图插件使用详解
May 25 Javascript
js判断浏览器的环境(pc端,移动端,还是微信浏览器)
Dec 24 Javascript
浅谈es6中的元编程
Dec 01 Javascript
vue-cil之axios的二次封装与proxy反向代理使用说明
Apr 07 Vue.js
javascript 兼容鼠标滚轮事件
Apr 07 #Javascript
javascript 有趣而诡异的数组
Apr 06 #Javascript
在JavaScript中,为什么要尽可能使用局部变量?
Apr 06 #Javascript
JavaScript 在各个浏览器中执行的耐性
Apr 06 #Javascript
javascript 获取图片颜色
Apr 05 #Javascript
Mozilla 表达式 __noSuchMethod__
Apr 05 #Javascript
关于javascript document.createDocumentFragment()
Apr 04 #Javascript
You might like
WordPress判断用户是否登录的代码
2011/03/17 PHP
PHP imagegrabscreen和imagegrabwindow(截取网站缩略图)的实例代码
2013/11/07 PHP
深入剖析浏览器退出之后php还会继续执行么
2016/05/17 PHP
实例讲解php实现多线程
2019/01/27 PHP
JS重要知识点小结
2011/11/06 Javascript
jquery判断RadioButtonList和RadioButton中是否有选中项示例
2013/09/29 Javascript
script标签属性用type还是language
2015/01/21 Javascript
javascript结合canvas实现图片旋转效果
2015/05/03 Javascript
详解jQuery Mobile自定义标签
2016/01/06 Javascript
详解jquery事件delegate()的使用方法
2016/01/25 Javascript
JS中split()用法(将字符串按指定符号分割成数组)
2016/10/24 Javascript
模板视图和AngularJS之间冲突的解决方法
2016/11/22 Javascript
bootstrap使用validate实现简单校验功能
2016/12/02 Javascript
Vue2.x中的父子组件相互通信的实现方法
2017/05/02 Javascript
Vue+mui实现图片的本地缓存示例代码
2018/05/24 Javascript
JS闭包经典实例详解
2018/12/20 Javascript
微信小程序实现页面分享onShareAppMessage
2019/08/12 Javascript
python使用sorted函数对列表进行排序的方法
2015/04/04 Python
十分钟利用Python制作属于你自己的个性logo
2018/05/07 Python
PyTorch 1.0 正式版已经发布了
2018/12/13 Python
很酷的python表白工具 你喜欢我吗
2019/04/11 Python
Flask框架 CSRF 保护实现方法详解
2019/10/30 Python
使用Python生成200个激活码的实现方法
2019/11/22 Python
pytorch cuda上tensor的定义 以及减少cpu的操作详解
2020/06/23 Python
python自动从arxiv下载paper的示例代码
2020/12/05 Python
推荐WEB开发者最佳HTML5和CSS3代码生成器
2015/11/24 HTML / CSS
浅析HTML5 meta viewport参数
2020/10/28 HTML / CSS
法国在线宠物店:zooplus.fr
2018/02/23 全球购物
在线实验室测试:HealthLabs.com
2020/05/03 全球购物
命名空间(namespace)和程序集(Assembly)有什么区别
2015/09/25 面试题
幼儿园六一儿童节主持节目串词
2014/03/21 职场文书
婚前保证书
2014/04/29 职场文书
个人三严三实对照检查材料思想汇报
2014/09/22 职场文书
2019升学宴主持词范本5篇
2019/10/09 职场文书
golang 比较浮点数的大小方式
2021/05/02 Golang
如何通过简单的代码描述Angular父组件、子组件传值
2022/04/07 Javascript