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获取radio和select的属性并控制的代码
May 12 Javascript
jQuery中创建实例与原型继承揭秘
Dec 21 Javascript
js 限制数字 js限制输入实现代码
Dec 04 Javascript
jQuery提示效果代码分享
Nov 20 Javascript
Bootstrap模态对话框的简单使用
Apr 29 Javascript
JavaScript实现打地鼠小游戏
Apr 23 Javascript
React.js中常用的ES6写法总结(推荐)
May 09 Javascript
Vue Spa切换页面时更改标题的实例代码
Jul 15 Javascript
修改node.js默认的npm安装目录实例
May 15 Javascript
js取0-9随机取4个数不重复的数字代码实例
Mar 27 Javascript
基于JS开发微信网页录音功能的实例代码
Apr 30 Javascript
javascript实现下拉菜单效果
Feb 09 Javascript
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
使用XDebug调试及单元测试覆盖率分析
2011/01/27 PHP
PHP 文件编程综合案例-文件上传的实现
2013/07/03 PHP
微信公众平台DEMO(PHP)
2016/05/04 PHP
PHPWind9.0手动屏蔽验证码解决后台关闭验证码但是依然显示的问题
2016/08/12 PHP
ASP.NET jQuery 实例16 通过控件CustomValidator验证RadioButtonList
2012/02/03 Javascript
js+css实现导航效果实例
2015/02/10 Javascript
理解JavaScript的变量的入门教程
2015/07/07 Javascript
详解JavaScript基于面向对象之继承
2015/12/13 Javascript
JavaScript数据结构学习之数组、栈与队列
2017/05/02 Javascript
js编写简单的计时器功能
2017/07/15 Javascript
fetch 使用及如何接收JS传值
2017/11/11 Javascript
nodejs aes 加解密实例
2018/10/10 NodeJs
Vue.js 中的 v-show 指令及用法详解
2018/11/19 Javascript
详解使用Nuxt.js快速搭建服务端渲染(SSR)应用
2019/03/13 Javascript
小程序如何自主实现拦截器的示例代码
2019/11/04 Javascript
使用原生JS实现火锅点餐小程序(面向对象思想)
2019/12/10 Javascript
[40:55]Liquid vs LGD 2018国际邀请赛小组赛BO2 第二场 8.16
2018/08/17 DOTA
初步解析Python中的yield函数的用法
2015/04/03 Python
python获取多线程及子线程的返回值
2017/11/15 Python
Django之使用内置函数和celery发邮件的方法示例
2019/09/16 Python
Tensorflow实现在训练好的模型上进行测试
2020/01/20 Python
Python selenium爬取微博数据代码实例
2020/05/22 Python
新版Pycharm中Matplotlib不会弹出独立的显示窗口的问题
2020/06/02 Python
学python需要去培训机构吗
2020/07/01 Python
python装饰器三种装饰模式的简单分析
2020/09/04 Python
戴森美国官网:Dyson美国
2016/09/11 全球购物
TripAdvisor德国:全球领先的旅游网站
2017/12/07 全球购物
存储过程和sql语句的优缺点
2014/07/02 面试题
Linux管理员面试题 Linux admin interview questions
2014/11/01 面试题
大学生职业生涯规划范文
2013/12/31 职场文书
九一八事变纪念日演讲稿
2014/09/14 职场文书
秦始皇兵马俑导游词
2015/02/02 职场文书
财政局长个人总结
2015/03/04 职场文书
Python 数据可视化神器Pyecharts绘制图像练习
2022/02/28 Python
苹果发布了MagSafe固件更新,可以不外接电源实现最高7.5W充电
2022/04/21 数码科技
python小型的音频操作库mp3Play
2022/04/24 Python