Question

This problem is a little complicated and wordy.

I have a parent window, which pops out a child window. They have some overlapping area.
In parent window, there is a div which handles mouseover and mouseout event.
When the child window pops out, it covers part of the parent div.

In the following, mouse moves to div (mouseover works), click pops out child window.
Now move mouse to child window. At this moment, I expect mouseout to div, but not.
I guess the system still thinks the mouse is within div even covered by the child window.

Is there any way to get through this? But the relative position of those elements should not change. Thank you for your advice.

Answer 1

If all else fails move your code from the mouseout event of the div to the mouseover event of the pop-up. First, though, I’d make sure that the mouseout event ever fires, e.g. when you move outside the div’s bounds.