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 相关文章推荐
ExtJs扩展之GroupPropertyGrid代码
Mar 05 Javascript
给jqGrid数据行添加修改和删除操作链接(之一)
Nov 04 Javascript
ajax请求乱码的解决方法(中文乱码)
Apr 10 Javascript
javascript里使用php代码实例
Dec 13 Javascript
jQuery中click事件用法实例
Dec 26 Javascript
js实现仿Windows风格选项卡和按钮效果实例
May 13 Javascript
jQuery 限制输入字符串长度
Jun 20 Javascript
vue服务端渲染操作简单入门实例分析
Aug 28 Javascript
vue父子组件间引用之$parent、$children
May 20 Javascript
微信小程序实现多选框功能的实例代码
Jun 24 Javascript
JavaScript中ES6规范中let和const的用法和区别
Aug 06 Javascript
Vue基于localStorage存储信息代码实例
Nov 16 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
在Windows版的PHP中使用ADO
2006/10/09 PHP
php simplexmlElement操作xml的命名空间实现代码
2011/01/04 PHP
PHP数组与对象之间使用递归实现转换的方法
2015/06/24 PHP
FleaPHP框架数据库查询条件($conditions)写法总结
2016/03/19 PHP
php获取服务器操作系统相关信息的方法
2016/10/08 PHP
降低PHP Redis内存占用
2017/03/23 PHP
PHP+MySQL实现输入页码跳转到指定页面功能示例
2018/06/01 PHP
javascript 原型继承介绍
2011/08/30 Javascript
使用jQuery实现的掷色子游戏动画效果
2014/03/14 Javascript
JavaScript表单通过正则表达式验证电话号码
2014/03/14 Javascript
javascript简单写的判断电话号码实例
2017/05/24 Javascript
基于vue中css预加载使用sass的配置方式详解
2018/03/13 Javascript
element-ui带输入建议的input框踩坑(输入建议空白以及会闪出上一次的输入建议问题)
2019/01/15 Javascript
JS数组的常用10种方法详解
2020/05/08 Javascript
微信小程序仿抖音视频之整屏上下切换功能的实现代码
2020/05/24 Javascript
快速实现基于Python的微信聊天机器人示例代码
2017/03/03 Python
python多线程socket编程之多客户端接入
2017/09/12 Python
python读取Excel实例详解
2018/08/17 Python
如何在django里上传csv文件并进行入库处理的方法
2019/01/02 Python
Django渲染Markdown文章目录的方法示例
2019/01/02 Python
python的schedule定时任务模块二次封装方法
2019/02/19 Python
python3 pillow模块实现简单验证码
2019/10/31 Python
基于python读取.mat文件并取出信息
2019/12/16 Python
HTML5中使用json对象的实例代码
2018/09/10 HTML / CSS
Mytheresa英国官网:拥有160多个奢侈品品牌
2016/10/09 全球购物
J2EE相关知识面试题
2013/08/26 面试题
警校毕业生自我评价
2014/04/06 职场文书
励志演讲稿范文
2014/04/29 职场文书
工程材料采购方案
2014/05/18 职场文书
商务日语专业的自荐信
2014/05/23 职场文书
小学竞选班干部演讲稿
2014/08/20 职场文书
毕业证丢失证明范本
2014/09/20 职场文书
党员学习群众路线心得体会
2014/11/04 职场文书
2015年招聘工作总结
2014/12/12 职场文书
刑事附带民事诉讼答辩状
2015/05/22 职场文书
Python爬虫进阶之Beautiful Soup库详解
2021/04/29 Python