基于mouseout和mouseover等类似事件的冒泡问题解决方法
2023-06-13 09:15:12 时间
最近写点东西,比较闹心,一个弹出层,上边有其他元素,本意是鼠标离开弹出层时,执行一些动作,但在实际应用中,鼠标离开弹出层中的元素时,也会激活这些动作。试了各浏览器的停止事件冒泡的方法,均无效。
还是咱们javaeye里高人众多,在一个哥们博客中发现了如下代码:
functionisMouseLeaveOrEnter(e,handler){
if(e.type!="mouseout"&&e.type!="mouseover")returnfalse;
varreltg=e.relatedTarget?e.relatedTarget:e.type=="mouseout"?e.toElement:e.fromElement;
while(reltg&&reltg!=handler)
reltg=reltg.parentNode;
return(reltg!=handler);
}
这个方法是判断,当前元素是不是要执行mouseout事件的元素,这样就可以避免上述问题。
相关文章
- React技巧之处理tab页关闭事件
- Android触摸事件_简述兴奋在突触的传递过程
- 【IOC 控制反转】Android 事件依赖注入 ( 事件依赖注入具体的操作细节 | 获取 Activity 中的所有方法 | 获取方法上的注解 | 获取注解上的注解 | 通过注解属性获取事件信息 )
- Oracle 等待事件 checkpoint completed 官方解释,作用,如何使用及优化方法
- Oracle 等待事件 enq: OW – termination 官方解释,作用,如何使用及优化方法
- Oracle 等待事件 flashback log file sync 官方解释,作用,如何使用及优化方法
- Oracle 等待事件 gc buffer busy acquire 官方解释,作用,如何使用及优化方法
- Oracle 等待事件 gc cr grant read-mostly invalidation 官方解释,作用,如何使用及优化方法
- Oracle 等待事件 SQL*Net more data from dblink 官方解释,作用,如何使用及优化方法
- Oracle 等待事件 transaction 官方解释,作用,如何使用及优化方法
- Oracle 等待事件 Enqueues:KP,contentioninOracleDataPumpstartupandshutdownprocesses 官方解释,作用,如何使用及优化方法
- Oracle 等待事件 Enqueues:LS,LogStartorSwitch 官方解释,作用,如何使用及优化方法
- Oracle 等待事件 Enqueues:N[A-Z],LibraryCachePin 官方解释,作用,如何使用及优化方法
- Oracle 等待事件 Enqueues:SC,SystemChangeNumber 官方解释,作用,如何使用及优化方法
- Oracle 等待事件 Enqueues:SN,SequenceNumber 官方解释,作用,如何使用及优化方法
- 事件Redis Java: Implementing an Expiration Event.(redisjava过期)
- 浅析“特斯拉起诉前员工事件”— 怎样规避员工泄露信息
- MySQL事件的查看方法详解(mysql查看事件)
- MySQL事件保存问题解决方法(mysql不能保存事件)
- Oracle IO事件优化服务器性能的重要技术(oracle i/o事件)
- ASP.Net中防止刷新自动触发事件的解决方案
- JQuery绑定事件时传递参数的实现方法
- A标签触发onclick事件而不跳转的多种解决方法
- 为GridView的行添加鼠标经过、点击事件的小例子
- 不要使用jQuery触发原生事件的方法
- jquery1.10给新增元素绑定事件的方法
- Ajax局部更新导致JS事件重复触发问题的解决方法
- C#中WebBrowser.DocumentCompleted事件多次调用问题解决方法