jQuery を使用しない子要素を持つ絶対 Div でのマウスアウト イベントの処理

絶対位置の div を処理する場合、マウスアウト イベントの処理は困難になることがあります。デフォルトでは、親 div 内の子要素の上にマウスを置くと、マウスが外側の div から出る前に、mouseout イベントが発生します。

この問題に対処するには、onmouseout の代わりに onmouseleave イベント リスナーを利用することを検討してください。 onmouseout とは異なり、onmouseleave はマウスが要素の境界から出たときにのみトリガーされ、ネストされた子要素がイベントをトリガーしないようにします。

または、使用したい場合は、 jQuery:

$(".outer").mouseleave(function() {
  // Your code here
});

このアプローチにより、親 div 内の子要素と対話するかどうかに関係なく、マウスが親 div から出るときの適切な動作を定義できます。