This article describes how to solve the bubble problem of events such as mouseout and mouseover. If you need a friend, please refer to it. I hope to help you write something recently, which is quite disturbing. There is a pop-up layer with other elements on it. It is intended that when the mouse leaves the pop-up layer, these actions are also activated when the mouse leaves the elements in the pop-up layer. The method of stopping event bubbling in various browsers is not valid.
We also found the following code in a buddy's blog:
The Code is as follows:
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 );
}
This method is used to determine whether the current element needs to execute the mouseout event element, so as to avoid the above problems.
