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 相关文章推荐
JavaScript DOM 学习第三章 内容表格
Feb 19 Javascript
jquery $.ajax()取xml数据的小问题解决方法
Nov 20 Javascript
表单类各种类型(文本框)失去焦点效果jquery代码
Apr 26 Javascript
基于jQuery实现放大镜特效
Oct 19 Javascript
AngularJS实现textarea记录只能输入规定数量的字符并显示
Apr 26 Javascript
vuex实现简易计数器
Oct 27 Javascript
分享Bootstrap简单表格、表单、登录页面
Aug 04 Javascript
JS实现移动端判断上拉和下滑功能
Aug 07 Javascript
bootstrap响应式导航条模板使用详解(含下拉菜单,弹出框)
Nov 17 Javascript
在Vue中使用highCharts绘制3d饼图的方法
Feb 08 Javascript
vue里面使用mui的弹出日期选择插件实例
Sep 16 Javascript
微信小程序template模版的使用方法
Apr 13 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
PHP4实际应用经验篇(6)
2006/10/09 PHP
php实现12306火车票余票查询和价格查询(12306火车票查询)
2014/01/14 PHP
解决CodeIgniter伪静态失效
2014/06/09 PHP
Codeigniter实现发送带附件的邮件
2015/03/19 PHP
详解PHP实现执行定时任务
2015/12/21 PHP
java微信开发之上传下载多媒体文件
2016/06/24 PHP
php lcg_value与mt_rand生成0~1随机小数的效果对比分析
2017/04/05 PHP
django中的ajax组件教程详解
2018/10/18 PHP
js常见表单应用技巧
2008/01/09 Javascript
JavaScript的public、private和privileged模式
2009/12/28 Javascript
js取得url地址参数实例
2013/02/22 Javascript
javascript 函数声明与函数表达式的区别介绍
2013/10/05 Javascript
Egret引擎开发指南之视觉编程
2014/09/03 Javascript
DOM基础教程之事件对象
2015/01/20 Javascript
jQuery选择器基础入门教程
2016/05/10 Javascript
AngularJS控制器之间的数据共享及通信详解
2016/08/01 Javascript
JavaScript简单获取系统当前时间完整示例
2016/08/02 Javascript
easy ui datagrid 从编辑框中获取值的方法
2017/02/22 Javascript
12个非常有用的JavaScript技巧
2017/05/17 Javascript
浅谈js中的this问题
2017/08/31 Javascript
细说Vue组件的服务器端渲染的过程
2019/05/30 Javascript
JS实现从对象获取对象中单个键值的方法示例
2019/06/05 Javascript
Smartour 让网页导览变得更简单(推荐)
2019/07/19 Javascript
JavaScript变量基本使用方法实例分析
2019/11/15 Javascript
24行JavaScript代码实现Redux的方法实例
2019/11/17 Javascript
python中的闭包用法实例详解
2015/05/05 Python
python3+PyQt5实现自定义窗口部件Counters
2018/04/20 Python
python使用requests.session模拟登录
2019/08/09 Python
python字符串,元组,列表,字典互转代码实例详解
2020/02/14 Python
Jupyter Notebook 远程访问配置详解
2021/01/11 Python
介绍一下Java中的Class类
2015/04/10 面试题
万年牢教学反思
2014/02/15 职场文书
竞选生活委员演讲稿
2014/04/28 职场文书
狮子林导游词
2015/02/03 职场文书
家长会开场白和结束语
2015/05/29 职场文书
golang 实现Location跳转方式
2021/05/02 Golang