絶対位置の Div で早すぎる onmouseout イベントを防ぐにはどうすればよいですか?

子要素を持つ絶対 Div での onmouseout イベントを防ぐ方法

絶対位置の div を操作する場合、次の場合に onmouseout イベントが時期尚早にトリガーされる可能性があります。マウスが子要素に入ります。マウスが親 div から離れたときにのみイベントを発生させたい場合、これはイライラする可能性があります。

onmouseleave を使用した解決策

によって onmouseout イベントがトリガーされるのを防ぐには子要素の場合は、代わりに onmouseleave イベントを使用してください。このイベントは、現在子要素の上にマウスが置かれている場合でも、マウスが要素から離れたときに発生するように特別に設計されています。

onmouseleave を使用するには、次の属性を親 div に追加するだけです:

onmouseleave="yourFunction()"

例:

<div class="outer" onmouseleave="myFunction()">
  <div class="inner"></div>
</div>

を使用した解決策jQuery

jQuery を使用している場合は、mouseleave() メソッドを使用して同じ結果を達成できます。

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

onmouseleave または Mouseleave() を使用すると、次のことができます。子の上にマウスを置いているかどうかに関係なく、マウスが実際に親 div から出るまで onmouseout イベントが発生しないようにします。要素。

以上が絶対位置の Div で早すぎる onmouseout イベントを防ぐにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。