基于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如何将数字类型转化为没3个一个逗号的金钱格式
Jan 27 Javascript
jquery通过select列表选择框对表格数据进行过滤示例
May 07 Javascript
angularJS提交表单(form)
Feb 09 Javascript
JS实现的仿东京商城菜单、仿Win右键菜单及仿淘宝TAB特效合集
Sep 28 Javascript
JavaScript简单实现弹出拖拽窗口(一)
Jun 17 Javascript
JS正则匹配中文的方法示例
Jan 06 Javascript
在javaScript中检测数据类型的几种方式小结
Mar 04 Javascript
Vue项目全局配置页面缓存之按需读取缓存的实现详解
Aug 01 Javascript
10行代码实现微信小程序滑动tab切换
Dec 28 Javascript
JS实现带阴历的日历功能详解
Jan 24 Javascript
node删除、复制文件或文件夹示例代码
Aug 13 Javascript
javascript使用Blob对象实现的下载文件操作示例
Apr 18 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实现文件下载实例分享
2014/06/02 PHP
php版微信自定义回复功能示例
2016/12/05 PHP
阿里对象存储OSS在laravel框架中的使用方法
2019/10/13 PHP
用 Javascript 验证表单(form)中多选框(checkbox)值
2009/09/08 Javascript
关于javascript中的typeof和instanceof介绍
2012/12/04 Javascript
怎么清空javascript数组
2013/05/11 Javascript
javaScript函数中执行C#代码中的函数方法总结
2013/08/07 Javascript
jquery更换文章内容与改变字体大小代码
2013/09/30 Javascript
jQuery把表单元素变为json对象
2013/11/06 Javascript
jquery中$.post()方法的简单实例
2014/02/04 Javascript
escape编码与unescape解码汉字出现乱码的解决方法
2014/07/02 Javascript
jQuery动画效果相关方法实例分析
2015/12/31 Javascript
JavaScript类型系统之布尔Boolean类型详解
2016/06/26 Javascript
JavaScript中函数声明与函数表达式的区别详解
2016/08/18 Javascript
jquery attr()设置和获取属性值实例教程
2016/09/25 Javascript
Bootstrap的Carousel配合dropload.js实现移动端滑动切换图片
2017/03/10 Javascript
微信小程序中实现手指缩放图片的示例代码
2018/03/13 Javascript
vue项目设置scrollTop不起作用(总结)
2018/12/21 Javascript
JQuery样式与属性设置方法分析
2019/12/07 jQuery
node事件循环和process模块实例分析
2020/02/14 Javascript
JS继承实现方法及优缺点详解
2020/09/02 Javascript
vue实现几秒后跳转新页面代码
2020/09/09 Javascript
vue3.0 加载json的方法(非ajax)
2020/10/26 Javascript
浅谈Python Opencv中gamma变换的使用详解
2018/04/02 Python
python中ImageTk.PhotoImage()不显示图片却不报错问题解决
2018/12/06 Python
python3 cvs将数据读取为字典的方法
2018/12/22 Python
解决Keras 与 Tensorflow 版本之间的兼容性问题
2020/02/07 Python
python异常处理、自定义异常、断言原理与用法分析
2020/03/23 Python
基于python纯函数实现井字棋游戏
2020/05/27 Python
HTML5的表单(绝对特别强大的功能)使用示例
2013/06/20 HTML / CSS
size?瑞典:英国伦敦的球鞋精品店
2018/03/01 全球购物
建筑系毕业生自我鉴定
2014/01/24 职场文书
区级文明单位申报材料
2014/05/15 职场文书
厉行勤俭节约倡议书
2014/05/16 职场文书
跑吧孩子观后感
2015/06/10 职场文书
Python实现文字pdf转换图片pdf效果
2022/04/03 Python