冒泡问题，mouseover与mouseout

最新推荐文章于 2023-11-15 15:15:38 发布

原创最新推荐文章于 2023-11-15 15:15:38 发布 · 191 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#JavaScript #ViewUI

本文探讨了当为父容器绑定mouseout事件时，鼠标移入子元素也会触发mouseout的问题，并提供了两种解决方案，通过检查相关目标元素来判断是否真正移出了父容器。

当mouseover（mouseout）

当为父容器绑定mouseout，鼠标从父容器移入其子元素的时候，也会触发mouseout，即：
进入子元素=移出父元素
两种解决方案：
1. http://www.cnblogs.com/yujian/archive/2011/12/13/2286302.html
2.http://bbs.blueidea.com/thread-2886332-1-2.html
var h=document.getElementById('hide');
h.onmouseout=function(e) {
var e = e || window.event, relatedTarget = e.toElement || e.relatedTarget;
while(relatedTarget && relatedTarget != this)
relatedTarget = relatedTarget.parentNode;
if(!relatedTarget)
alert("a");
}