基于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之软键盘实现(js源码)
Jan 30 Javascript
MooTools 1.2中的Drag.Move来实现拖放
Sep 15 Javascript
浅谈JavaScript之事件绑定
Jul 08 Javascript
jquery实现点击文字可编辑并修改保存至数据库
Apr 15 Javascript
基于jquery实现发送文章到手机的代码
Dec 26 Javascript
浅谈Javascript数组索引
Jul 29 Javascript
JavaScript将base64图片转换成formData并通过AJAX提交的实现方法
Oct 24 Javascript
ES6概念 ymbol.for()方法
Dec 25 Javascript
基于Bootstrap的Java开发问题汇总(Spring MVC)
Jan 15 Javascript
vuejs前后端数据交互之从后端请求数据的实例
Aug 11 Javascript
three.js搭建室内场景教程
Dec 30 Javascript
react的滑动图片验证码组件的示例代码
Feb 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
用Socket发送电子邮件
2006/10/09 PHP
深入mysql_fetch_row()与mysql_fetch_array()的区别详解
2013/06/05 PHP
PHP 5.5 创建和验证哈希最简单的方法详解
2013/11/07 PHP
thinkPHP模板算术运算相关函数用法分析
2016/07/12 PHP
javascript整除实现代码
2010/11/23 Javascript
javascript复制对象使用说明
2011/06/28 Javascript
高性能JavaScript模板引擎实现原理详解
2015/02/05 Javascript
jquery解析json格式数据的方法(对象、字符串)
2015/11/24 Javascript
分享jQuery插件的学习笔记
2016/01/14 Javascript
AngularJS 使用 UI Router 实现表单向导
2016/01/29 Javascript
15款最好的Bootstrap在线编辑器
2016/08/03 Javascript
利用JS实现简单的日期选择插件
2017/01/23 Javascript
微信小程序表单验证功能完整实例
2017/12/01 Javascript
React为 Vue 引入容器组件和展示组件的教程详解
2018/05/03 Javascript
angular中如何绑定iframe中src的方法
2019/02/01 Javascript
详解React服务端渲染从入门到精通
2019/03/28 Javascript
Python中使用装饰器和元编程实现结构体类实例
2015/01/28 Python
python获取本机mac地址和ip地址的方法
2015/04/29 Python
Python 基于Twisted框架的文件夹网络传输源码
2016/08/28 Python
酷! 程序员用Python带你玩转冲顶大会
2018/01/17 Python
python2.7到3.x迁移指南
2018/02/01 Python
Python推导式简单示例【列表推导式、字典推导式与集合推导式】
2018/12/04 Python
python爬虫之遍历单个域名
2019/11/20 Python
python列表推导式操作解析
2019/11/26 Python
Python新手学习raise用法
2020/06/03 Python
使用python批量修改XML文件中图像的depth值
2020/07/22 Python
Python如何使用ConfigParser读取配置文件
2020/11/12 Python
值传递还是引用传递
2015/02/08 面试题
残疾人创业典型事迹
2014/02/01 职场文书
厨师个人自我鉴定范文
2014/04/19 职场文书
反对四风问题自我剖析材料
2014/09/29 职场文书
派出所副所长四风问题个人整改措施思想汇报
2014/10/13 职场文书
2014年高中班主任工作总结
2014/11/08 职场文书
靠谱的活动总结
2019/04/16 职场文书
「约定的梦幻岛」作画发布诺曼生日新绘
2022/03/21 日漫
win10拖拽文件时崩溃怎么解决?win10文件不能拖拽问题解决方法
2022/08/14 数码科技