基于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开源框架-jQuery使用手册(1)
Mar 10 Javascript
javascript 客户端验证上传图片的大小(兼容IE和火狐)
Aug 15 Javascript
js传参数受特殊字符影响错误的解决方法
Oct 21 Javascript
在Linux上用forever实现Node.js项目自启动
Jul 09 Javascript
js实现文章文字大小字号功能完整实例
Nov 01 Javascript
创建你的第一个AngularJS应用的方法
Jun 16 Javascript
详解VueJs异步动态加载块
Mar 09 Javascript
layer更改皮肤的实现方法
Sep 11 Javascript
微信小程序实现分享商品海报功能
Sep 30 Javascript
国内常用的js类库大全(CDN公共库)
Jun 24 Javascript
使用Vue实现一个树组件的示例
Nov 06 Javascript
vscode中使用npm安装babel的方法
Aug 02 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实现在新浪云中使用imagick生成缩略图并上传的方法
2016/09/26 PHP
php字符集转换
2017/01/23 PHP
php连接MSsql server的五种方法总结
2018/03/04 PHP
javascript删除字符串最后一个字符
2014/01/14 Javascript
angularjs实现与服务器交互分享
2014/06/24 Javascript
深入浅析JavaScript的API设计原则
2016/06/14 Javascript
第二篇Bootstrap起步
2016/06/21 Javascript
Vue2几种常见开局方式详解
2017/09/09 Javascript
Vue项目使用CDN优化首屏加载问题
2018/04/01 Javascript
详解JS判断页面是在手机端还是在PC端打开的方法
2019/04/26 Javascript
Vue实现拖放排序功能的实例代码
2019/07/08 Javascript
深入理解基于vue-cli的webpack打包优化实践及探索
2019/10/14 Javascript
vue添加锚点,实现滚动页面时锚点添加相应的class操作
2020/08/10 Javascript
用Python编程实现语音控制电脑
2014/04/01 Python
python递归计算N!的方法
2015/05/05 Python
详解使用Python处理文件目录的相关方法
2015/10/16 Python
Python网络编程中urllib2模块的用法总结
2016/07/12 Python
PyCharm 常用快捷键和设置方法
2017/12/20 Python
答题辅助python代码实现
2018/01/16 Python
Python中的异常处理try/except/finally/raise用法分析
2019/02/28 Python
python实现扫描局域网指定网段ip的方法
2019/04/16 Python
Python如何读取、写入JSON数据
2020/07/28 Python
Pycharm编辑器功能之代码折叠效果的实现代码
2020/10/15 Python
Fashion Eyewear美国:英国线上设计师眼镜和太阳镜的零售商
2016/08/15 全球购物
Clarks西班牙官方在线商店:clarks鞋
2019/05/03 全球购物
澳大利亚有机化妆品网上商店:The Well Store
2020/02/20 全球购物
人力资源管理专业毕业生自我评价
2013/09/21 职场文书
销售会计工作职责
2013/12/02 职场文书
建筑班组长岗位职责
2014/01/02 职场文书
赡养老人协议书
2014/04/21 职场文书
房地产开发项目建议书
2014/05/16 职场文书
2014学习优秀共产党员先进事迹材料思想汇报
2014/09/14 职场文书
软件项目经理岗位职责
2015/04/01 职场文书
2015年计算机教师工作总结
2015/07/22 职场文书
2019新学期家长会工作计划
2019/08/21 职场文书
雄兵连:第三季先行图公开,天使恶魔联合,银河之力的新力量
2021/06/11 国漫