基于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 相关文章推荐
prototype 的说明 js类
Sep 07 Javascript
如何用javascript判断录入的日期是否合法
Jan 08 Javascript
又一个图片自动缩小的JS代码
Mar 10 Javascript
jQuery页面图片伴随滚动条逐渐显示的小例子
Mar 21 Javascript
改变状态栏文字的js代码
Jun 13 Javascript
jQuery EasyUI提交表单验证
Jul 19 Javascript
javascript 秒表计时器实现代码
Mar 09 Javascript
element ui table 增加筛选的方法示例
Nov 02 Javascript
layui动态加载多表头的实例
Sep 05 Javascript
electron-vue开发环境内存泄漏问题汇总
Oct 10 Javascript
JavaScript Reflect Metadata实现详解
Dec 12 Javascript
Vue双向绑定实现原理与方法详解
May 07 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 - Html Transfer Code
2006/10/09 PHP
ob_start(),ob_start('ob_gzhandler')使用
2006/12/25 PHP
php获取网页内容方法总结
2008/12/04 PHP
PHP防止post重复提交数据的简单例子
2014/06/07 PHP
PHP中使用gettext解决国际化问题的例子(i18n)
2014/06/13 PHP
smarty自定义函数htmlcheckboxes用法实例
2015/01/22 PHP
PHP生成压缩文件实例
2015/02/07 PHP
使用php+swoole对client数据实时更新(一)
2016/01/07 PHP
Thinkphp结合ajaxFileUpload实现异步图片传输示例
2017/03/13 PHP
Yii 2.0在Grid中格式化时间方法示例
2017/06/06 PHP
详解cookie验证的php应用的一种SSO解决办法
2017/10/20 PHP
Yii2.0框架实现带分页的多条件搜索功能示例
2019/02/20 PHP
让table变成exls的示例代码
2014/03/24 Javascript
深入浅析JavaScript中prototype和proto的关系
2015/11/15 Javascript
轻松学习jQuery插件EasyUI EasyUI创建CRUD应用
2015/11/30 Javascript
js判断上传文件后缀名是否合法
2016/01/28 Javascript
分享JS代码实现鼠标放在输入框上输入框和图片同时更换样式
2016/09/01 Javascript
使用JS编写的随机抽取号码的小程序
2017/08/11 Javascript
jQuery判断网页是否已经滚动到浏览器底部的实现方法
2017/10/27 jQuery
用React-Native+Mobx做一个迷你水果商城APP(附源码)
2017/12/25 Javascript
Vue异步组件处理路由组件加载状态的解决方案
2018/09/07 Javascript
pydev使用wxpython找不到路径的解决方法
2013/02/10 Python
Python中使用platform模块获取系统信息的用法教程
2016/07/08 Python
Python爬虫利用cookie实现模拟登陆实例详解
2017/01/12 Python
python实现微信每日一句自动发送给喜欢的人
2019/04/29 Python
详解用python写网络爬虫-爬取新浪微博评论
2019/05/10 Python
python 创建一维的0向量实例
2019/12/02 Python
flask的orm框架SQLAlchemy查询实现解析
2019/12/12 Python
Python字典底层实现原理详解
2019/12/18 Python
HTML5 Geolocation API的正确使用方法
2018/12/04 HTML / CSS
Nili Lotan官网:Nili Lotan同名品牌
2018/01/07 全球购物
物业电工岗位职责
2013/11/20 职场文书
黄河的主人教学反思
2014/02/07 职场文书
2014年人事专员工作总结
2014/11/19 职场文书
和谐家庭事迹材料
2014/12/20 职场文书
2016年秋季新学期致辞
2015/07/30 职场文书