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 相关文章推荐
jQuery AnythingSlider滑动效果插件
Feb 07 Javascript
Node.js 制作实时多人游戏框架
Jan 08 Javascript
jQuery实现下拉框选择图片功能实例
Aug 08 Javascript
JS实现字符串转日期并比较大小实例分析
Dec 09 Javascript
javascript运动效果实例总结(放大缩小、滑动淡入、滚动)
Jan 08 Javascript
jquery ajax双击div可直接修改div中的内容
Mar 04 Javascript
jquery点击改变class并toggle的实现代码
May 15 Javascript
AngularJS ngModel实现指令与输入直接的数据通信
Sep 21 Javascript
原生js实现addclass,removeclass,toggleclasss实例
Nov 24 Javascript
js微信支付实现代码
Dec 22 Javascript
详解vuejs几种不同组件(页面)间传值的方式
Jun 01 Javascript
在vue中v-bind使用三目运算符绑定class的实例
Sep 29 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
德生H-501的评价与改造
2021/03/02 无线电
使用PHP生成二维码的两种方法(带logo图像)
2014/03/14 PHP
分享一段php获取linux服务器状态的代码
2014/05/27 PHP
php操作access数据库的方法详解
2017/02/22 PHP
Yii框架批量插入数据扩展类的简单实现方法
2017/05/23 PHP
再谈IE中Flash控件的自动激活 ObjectWrap
2007/03/09 Javascript
js 获取中文拼音,Select自动匹配字母获取值的代码
2009/09/23 Javascript
web页面数据展示新想法(json)
2010/06/08 Javascript
javascript中删除指定数组中指定的元素的代码
2011/02/12 Javascript
jQuery判断元素是否是隐藏的代码
2011/04/24 Javascript
javascript倒计时功能实现代码
2012/06/07 Javascript
解析jquery获取父窗口的元素
2013/06/26 Javascript
jQuery的图片滑块焦点图插件整理推荐
2014/12/07 Javascript
js判断数组key是否存在(不用循环)的简单实例
2016/08/03 Javascript
jquery注册文本框获取焦点清空,失去焦点赋值的简单实例
2016/09/08 Javascript
纯js实现动态时间显示
2020/09/07 Javascript
详解js几个绕不开的事件兼容写法
2017/08/30 Javascript
Grunt针对静态文件的压缩,版本控制打包的实例讲解
2017/09/29 Javascript
微信自定义分享链接信息(标题,图片和内容)实现过程详解
2019/09/04 Javascript
vue 路由守卫(导航守卫)及其具体使用
2020/02/25 Javascript
[44:09]DOTA2上海特级锦标赛A组小组赛#1 EHOME VS MVP.Phx第二局
2016/02/25 DOTA
python二叉树的实现实例
2013/11/21 Python
深入理解Python中装饰器的用法
2016/06/28 Python
Python实现自动上京东抢手机
2018/02/06 Python
详解用python自制微信机器人,定时发送天气预报
2019/03/25 Python
对pytorch中的梯度更新方法详解
2019/08/20 Python
python3中pip3安装出错,找不到SSL的解决方式
2019/12/12 Python
什么是Python变量作用域
2020/06/03 Python
python 日志模块logging的使用场景及示例
2021/01/04 Python
如何利用python 读取配置文件
2021/01/06 Python
HTML5 Canvas自定义圆角矩形与虚线示例代码
2013/08/02 HTML / CSS
矿泉水广告词
2014/03/20 职场文书
教师先进工作者事迹材料
2014/05/01 职场文书
我的中国心演讲稿
2014/09/04 职场文书
教师党的群众路线教育实践活动个人对照检查材料
2014/09/23 职场文书
pycharm debug 断点调试心得分享
2021/04/16 Python