I got quite stuck not knowing the differences between jQuery events mouseover/mouseout and mouseenter/mouseleave…

The following site explained it in an easy-to-understand way:

・DOM Leve3 イベント mouseover/mouseout, mouseenter/mouseleave それぞれの違いについて - 今日もスミマセン。

The mouseenter/mouseleave events are more intuitive for typical use cases.

mouseover/mouseout events fire even when entering/exiting internal DOM elements, which caused unexpected behavior and gave me quite a headache.

That’s all from the Gemba.