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封装的获取Url中的Get参数示例
Nov 26 Javascript
基于jquery实现百度新闻导航菜单滑动动画
Mar 15 Javascript
JQuery控制图片由中心点逐渐放大效果
Jun 26 Javascript
JCrop+ajaxUpload 图像切割上传的实例代码
Jul 20 Javascript
AngularJS表格详解及示例代码
Aug 17 Javascript
vue checkbox 全选 数据的绑定及获取和计算方法
Feb 09 Javascript
在axios中使用params传参的时候传入数组的方法
Sep 25 Javascript
this在vue和小程序中的使用详解
Jan 28 Javascript
JavaScript相等运算符的九条规则示例详解
Oct 20 Javascript
jquery将信息遍历到界面上实例代码
Jan 21 jQuery
ES5 模拟 ES6 的 Symbol 实现私有成员功能示例
May 06 Javascript
Vue向后台传数组数据,springboot接收vue传的数组数据实例
Nov 12 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
php和jquery实现地图区域数据统计展示数据示例
2014/02/12 PHP
PHP中把数据库查询结果输出为json格式简单实例
2015/04/09 PHP
php使用timthumb生成缩略图的方法
2016/01/22 PHP
Android App中DrawerLayout抽屉效果的菜单编写实例
2016/03/21 PHP
PHP的Json中文处理解决方案
2016/09/29 PHP
JavaScript 替换Html标签实现代码
2009/10/14 Javascript
跟着Jquery API学Jquery之一 选择器
2010/04/07 Javascript
重写javascript中window.confirm的行为
2012/10/21 Javascript
JS 实现BASE64_ENCODE和BASE64_DECODE(实例代码)
2013/11/13 Javascript
javascript中的undefined和not defined区别示例介绍
2014/02/26 Javascript
JS 获取浏览器和屏幕宽高等信息代码
2014/03/31 Javascript
使用命令对象代替switch语句的写法示例
2015/02/28 Javascript
jquery.gridrotator实现响应式图片展示画廊效果
2015/06/23 Javascript
js入门之Function函数的使用方法【新手必看】
2016/11/22 Javascript
jquery实现刷新随机变化样式特效(tag标签样式)
2017/02/03 Javascript
jQuery插件FusionCharts绘制2D双折线图效果示例【附demo源码】
2017/04/14 jQuery
VSCode配置react开发环境的步骤
2017/12/27 Javascript
JavaScript 有用的代码片段和 trick
2018/02/22 Javascript
详解vue-router导航守卫
2019/01/19 Javascript
vue2.0实现的tab标签切换效果(内容可自定义)示例
2019/02/11 Javascript
echarts统计x轴区间的数值实例代码详解
2019/07/07 Javascript
[03:49]DOTA2英雄基础教程 光之守卫
2014/01/14 DOTA
[01:36]极致酷炫!TI9典藏宝瓶+撼地者至宝展示
2019/06/11 DOTA
简单介绍Python的Django框架加载模版的方式
2015/07/20 Python
有趣的python小程序分享
2017/12/05 Python
jupyter notebook 实现matplotlib图动态刷新
2020/04/22 Python
Python实现自动签到脚本功能
2020/08/20 Python
pycharm 关闭search everywhere的解决操作
2021/01/15 Python
松本清官方海外旗舰店:日本最大的药妆连锁店
2017/11/21 全球购物
香港万宁官方海外旗舰店:香港健与美连锁店
2018/09/27 全球购物
Myprotein丹麦官网:欧洲第一运动营养品牌
2019/04/15 全球购物
土木工程专业个人求职信
2013/12/30 职场文书
市场营销毕业求职信
2014/08/07 职场文书
放飞梦想演讲稿200字
2014/08/26 职场文书
毕业论文致谢格式模板
2015/05/14 职场文书
小平您好观后感
2015/06/09 职场文书