Thanks to @shamsail

Adding a detailed answer here for benefit of others looking for solution to similar question.

See the WC3 documentation here

The mouseover event triggers when the mouse pointer enters the div element, and its child elements The mouseenter event is only triggered when the mouse pointer enters…