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 相关文章推荐
给网站上的广告“加速”显示的方法
Apr 08 Javascript
JS加ASP二级域名转向的代码
May 17 Javascript
javascript获取url上某个参数的方法
Nov 08 Javascript
JavaScript中的公有、私有、特权和静态成员用法分析
Nov 20 Javascript
javascript转换日期字符串为Date日期对象的方法
Feb 13 Javascript
Bootstrap每天必学之导航
Nov 26 Javascript
jquery中绑定事件的异同
Feb 28 Javascript
jQuery实现div跟随鼠标移动
Aug 20 jQuery
详解windows下vue-cli及webpack 构建网站(二)导入bootstrap样式
Jun 17 Javascript
微信小程序 动画的简单实例
Oct 12 Javascript
vue使用监听实现全选反选功能
Jul 06 Javascript
记录微信小程序 height: calc(xx - xx);无效问题
Dec 30 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
Smarty Foreach 使用说明
2010/03/23 PHP
ThinkPHP结合ajax、Mysql实现的客户端通信功能代码示例
2014/06/23 PHP
php下载远程大文件(获取远程文件大小)的实例
2017/06/17 PHP
PHP的mysqli_rollback()函数讲解
2019/01/23 PHP
php的扩展写法总结
2019/05/14 PHP
关于Yii2框架跑脚本时内存泄漏问题的分析与解决
2019/12/01 PHP
经典的带阴影的可拖动的浮动层
2006/06/26 Javascript
Jquery Ajax学习实例5 向WebService发出请求,返回泛型集合数据的异步调用
2010/03/17 Javascript
EXTJS记事本 当CompositeField遇上RowEditor
2011/07/31 Javascript
js jquery验证银行卡号信息正则学习
2013/01/21 Javascript
等待指定时间后自动跳转或关闭当前页面的js代码
2013/07/09 Javascript
Jquery 点击按钮自动高亮实现原理及代码
2014/04/25 Javascript
一个不错的js html页面倒计时可精确到秒
2014/10/22 Javascript
JS判断图片是否加载完成方法汇总(最新版)
2016/05/13 Javascript
Document.body.scrollTop的值总为零的快速解决办法
2016/06/09 Javascript
js数组的五种迭代方法及两种归并方法(推荐)
2016/06/14 Javascript
jQuery UI Grid 模态框中的表格实例代码
2017/04/01 jQuery
javascript 作用于作用域链的详解
2017/09/27 Javascript
原生JS实现ajax与ajax的跨域请求实例
2017/12/01 Javascript
vue-cli4.x创建企业级项目的方法步骤
2020/06/18 Javascript
ant design中upload组件上传大文件,显示进度条进度的实例
2020/10/29 Javascript
python 编程之twisted详解及简单实例
2017/01/28 Python
Python小进度条显示代码
2019/03/05 Python
Python检查图片是否损坏及图片类型是否正确过程详解
2019/09/30 Python
python 实现两个npy档案合并
2020/07/01 Python
一款利用纯css3实现的超炫3D表单的实例教程
2014/12/01 HTML / CSS
LightInTheBox西班牙站点:全球商品在线采购
2016/09/22 全球购物
Omio荷兰:预订火车、巴士和机票
2018/11/04 全球购物
FC-Moto英国:欧洲最大的摩托车服装和头盔商店之一
2019/08/25 全球购物
阿联酋最好的手机、电子产品和家用电器网上商店:Eros Digital Home
2020/08/09 全球购物
extern是什么意思
2016/03/10 面试题
校园摄影活动策划方案
2014/02/05 职场文书
《有趣的发现》教学反思
2014/04/15 职场文书
2015年小学生暑假总结
2015/07/13 职场文书
《分数的意义》教学反思
2016/02/20 职场文书
Mysql中@和@@符号的详细使用指南
2022/06/05 MySQL