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 相关文章推荐
Highcharts 非常实用的Javascript统计图demo示例
Jul 03 Javascript
jQuery中slideUp()方法用法分析
Dec 24 Javascript
JS实现超过长度限制后自动跳转下一款文本框的方法
Feb 23 Javascript
解决WordPress使用CDN后博文无法评论的错误
Dec 15 Javascript
AngularJS 依赖注入详解和简单实例
Jul 28 Javascript
Angular使用$http.jsonp发送跨站请求的方法
Mar 16 Javascript
vue用Object.defineProperty手写一个简单的双向绑定的示例
Jul 09 Javascript
vue中使用sessionStorage记住密码功能
Jul 24 Javascript
vue.js input框之间赋值方法
Aug 24 Javascript
Angular2中监听数据更新的方法
Aug 31 Javascript
vuejs实现折叠面板展开收缩动画效果
Sep 06 Javascript
详解如何在Vue项目中导出Excel
Apr 19 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
thinkphp5使用无限极分类
2019/02/18 PHP
W3C Group的JavaScript1.8 新特性介绍
2009/05/19 Javascript
javascript 时间比较实现代码
2009/10/28 Javascript
js中window.open()的所有参数详细解析
2014/01/09 Javascript
js中top的作用深入剖析
2014/03/04 Javascript
js怎么覆盖原有方法实现重写
2014/09/04 Javascript
JavaScript在Android的WebView中parseInt函数转换不正确问题解决方法
2015/04/25 Javascript
javascript实现简单的省市区三级联动
2015/05/14 Javascript
jQuery页面加载初始化的3种方法(推荐)
2016/06/02 Javascript
Bootstrap导航条可点击和鼠标悬停显示下拉菜单的实现代码
2016/06/23 Javascript
JS短信验证码倒计时功能的实现(没有验证码,只有倒计时)
2016/10/27 Javascript
Angular页面间切换及传值的4种方法
2016/11/04 Javascript
jQuery Masonry瀑布流布局神器使用详解
2017/05/25 jQuery
关于angularJs清除浏览器缓存的方法
2017/11/28 Javascript
element上传组件循环引用及简单时间倒计时的实现
2018/10/01 Javascript
简单了解JavaScript异步
2019/05/23 Javascript
DatePickerDialog 自定义样式及使用全解
2019/07/09 Javascript
layui 表格操作列按钮动态显示的实现方法
2019/09/06 Javascript
win系统下为Python3.5安装flask-mongoengine 库
2016/12/20 Python
Python微信库:itchat的用法详解
2017/08/14 Python
Python3.6简单操作Mysql数据库
2017/09/12 Python
浅谈python 里面的单下划线与双下划线的区别
2017/12/01 Python
python微信公众号开发简单流程实现
2020/03/09 Python
django之从html页面表单获取输入的数据实例
2020/03/16 Python
python进行二次方程式计算的实例讲解
2020/12/06 Python
Urban Outfitters英国官网:美国平价服饰品牌
2016/11/25 全球购物
Room Mate Hotels美国:西班牙酒店品牌
2018/04/10 全球购物
英国最大的在线蜡烛商店:Candles Direct
2019/03/26 全球购物
阿玛尼美妆英国官网:Giorgio Armani Beauty英国
2019/03/28 全球购物
天游软件面试
2013/11/23 面试题
造型师求职自荐信
2013/09/27 职场文书
十八大闭幕感言
2014/01/22 职场文书
建筑施工安全生产责任书
2014/07/22 职场文书
观看信仰心得体会
2014/09/04 职场文书
2014年教务工作总结
2014/12/03 职场文书
自考生自我评价
2019/06/21 职场文书