How To Intercept Mouseout Event For The Top-level Tag Only

It seems that the mouseout callback from jQuery attached to the div tag containing several children elements will be called each time when user dragged a mouse away from any of the

Solution 1:

jQuery's mouseout bubbles, which means you can put an if statement to check and see if the target is the parent and put your code inside that.

https://jsfiddle.net/ck0kbowt/ for example :)