Solution to the bubble problem based on events such as mouseout and mouseover

I recently wrote something, which is quite disturbing. A pop-up layer has other elements on it. It is intended to execute some actions when the mouse leaves the pop-up layer, but in actual application, these actions are also activated when you move the mouse away from 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:
Copy codeThe 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.