关于mouseout和mouseover等等类似事件的冒泡问题
来源:互联网 发布:海关数据有用吗 编辑:程序博客网 时间:2024/05/16 14:25
最近写点东西,比较闹心,一个弹出层,上边有其他元素,本意是鼠标离开弹出层时,执行一些动作,但在实际应用中,鼠标离开弹出层中的元素时,也会激活这些动作。试了各浏览器的停止事件冒泡的方法,均无效。
还是咱们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事件的元素,这样就可以避免上述问题。
- 关于mouseout和mouseover等等类似事件的冒泡问题
- mouseover、mouseout停止事件冒泡的解决方案
- mouseover、mouseout停止事件冒泡的解决方案
- mouseover、mouseout停止事件冒泡的解决方案
- mouseover、mouseout事件引起的阻止事件冒泡失效
- jQuery因mouseover,mouseout冒泡产生的闪烁问题
- jQuery因mouseover,mouseout冒泡产生的闪烁问题
- 解决因mouseover,mouseout冒泡产生的闪烁问题+兼容性问题
- jQuery的mouseover和mouseout事件当快速移动 事件延迟触发问题
- 关于事件mouseover ,mouseout ,mouseenter,mouseleave的区别
- rollOut 、rollOver 和mouseOut 、mouseOver 事件的区别
- rollOut 、rollOver 和mouseOut 、mouseOver 事件的区别
- 用脚本添加mouseover和mouseout事件
- js对mouseover和mouseout事件处理
- javascript中mouseover和mouseout事件详解
- 重复绑定mouseover和mouseout事件
- 鼠标事件的mouseOver,rollOver,mouseOut,rollOut
- JQuery mouseout,mouseover事件
- php 接口类,抽象类 的实际作用
- Sql Performance Analyzer (SPA)
- UML类图总结
- Memento(备忘录)——对象行为模式
- linux用户管理
- 关于mouseout和mouseover等等类似事件的冒泡问题
- [想写教程吗?]做教程经常能用到的软件
- 学习笔记--类加载器,代理类
- 《鸟哥Linux私房菜》学习笔记_chap3_主机规划
- 安装office 找不到officeMUI.msi
- ubuntu 文件权限命令详解使用格式和方法
- NDK r5 Toolchain 简单测试
- Tomcat+花生壳免费发布JSP网站
- Scrum中的一些名词的定义