基于mouseout和mouseover等类似事件的冒泡问题解决方法


Posted in Javascript onNovember 18, 2013

最近写点东西,比较闹心,一个弹出层,上边有其他元素,本意是鼠标离开弹出层时,执行一些动作,但在实际应用中,鼠标离开弹出层中的元素时,也会激活这些动作。试了各浏览器的停止事件冒泡的方法,均无效。

还是咱们javaeye里高人众多,在一个哥们博客中发现了如下代码:

  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);    
     }

这个方法是判断,当前元素是不是要执行mouseout事件的元素,这样就可以避免上述问题。
Javascript 相关文章推荐
图片上传即时显示缩略图的js代码
May 27 Javascript
javascript setTimeout和setInterval计时的区别详解
Jun 21 Javascript
JavaScript等比例缩放图片控制超出范围的图片
Aug 06 Javascript
node.js中的fs.futimesSync方法使用说明
Dec 17 Javascript
js实现点击链接后窗口缩小并居中的方法
Mar 02 Javascript
js+html5实现canvas绘制圆形图案的方法
Jun 05 Javascript
使用struts2+Ajax+jquery验证用户名是否已被注册
Mar 22 Javascript
Javascript 实现计算器时间功能详解及实例(二)
Jan 08 Javascript
Vue.js仿微信聊天窗口展示组件功能
Aug 11 Javascript
vue.js自定义组件directives的实例代码
Nov 09 Javascript
详解JavaScript的数据类型以及数据类型的转换
Apr 20 Javascript
layer.alert自定义关闭回调事件的方法
Sep 27 Javascript
ExtJS自定义主题(theme)样式详解
Nov 18 #Javascript
设为首页和收藏的Javascript代码(亲测兼容IE,Firefox,chrome等浏览器)
Nov 18 #Javascript
jquery cookie的用法总结
Nov 18 #Javascript
JS JSON对象转为字符串的简单实现方法
Nov 18 #Javascript
javascript获取ckeditor编辑器的值(实现代码)
Nov 18 #Javascript
js 页面元素的几个用法总结
Nov 18 #Javascript
封装的jquery翻页滚动(示例代码)
Nov 18 #Javascript
You might like
PHP中file_exists函数不支持中文名的解决方法
2014/07/26 PHP
ThinkPHP打水印及设置水印位置的方法
2016/10/14 PHP
php中strlen和mb_strlen用法实例分析
2016/11/12 PHP
php 查找数组元素提高效率的方法详解
2017/05/05 PHP
php显示页码分页类的封装
2017/06/08 PHP
php微信开发之关注事件
2018/06/14 PHP
php使用array_chunk函数将一个数组分割成多个数组
2018/12/05 PHP
深入浅析安装PhpStorm并激活的步骤详解
2020/09/17 PHP
关于js数组去重的问题小结
2014/01/24 Javascript
jquery中 $.expr使用实例介绍
2014/06/09 Javascript
Jquery通过JSON字符串创建JSON对象
2014/08/24 Javascript
canvas知识总结
2017/01/25 Javascript
vue2.0+vuex+localStorage代办事项应用实现详解
2018/05/31 Javascript
微信小程序url传参写变量的方法
2018/08/09 Javascript
JS中验证整数和小数的正则表达式
2018/10/08 Javascript
layui表格内容溢出的解决方法
2019/09/06 Javascript
Python比较2个时间大小的实现方法
2018/04/10 Python
Python Learning 列表的更多操作及示例代码
2018/08/22 Python
python解压TAR文件至指定文件夹的实例
2019/06/10 Python
树莓派+摄像头实现对移动物体的检测
2019/06/22 Python
pandas 像SQL一样使用WHERE IN查询条件说明
2020/06/05 Python
Python 高效编程技巧分享
2020/09/10 Python
SmartBuyGlasses英国:购买太阳镜和眼镜
2018/01/29 全球购物
美国网上书店:Barnes & Noble
2018/08/15 全球购物
Holland & Barrett爱尔兰:英国领先的健康零售商
2019/03/31 全球购物
俄罗斯韩国化妆品网上商店:Cosmasi.ru
2019/10/31 全球购物
《庐山的云雾》教学反思
2014/04/22 职场文书
环保建议书300字
2014/05/14 职场文书
家长建议怎么写
2014/05/15 职场文书
庆元旦演讲稿
2014/09/15 职场文书
四年级学生期末评语
2014/12/26 职场文书
寒假安全保证书
2015/02/28 职场文书
MySQL Innodb关键特性之插入缓冲(insert buffer)
2021/04/08 MySQL
python中if和elif的区别介绍
2021/11/07 Python
css实现左上角飘带效果的完整代码
2022/03/18 HTML / CSS
Android Studio实现简易进制转换计算器
2022/05/20 Java/Android