jQuery イベントの詳細説明 マウスオーバーとマウスアウトは、マウスが子要素の上を通過したときにもトリガーされます

javascriptのmouseoverイベントとmouseoutイベントは、バインドされた要素内に子要素がある場合、

がバインドされた要素を渡すときにmouseoverイベントとmouseoutイベントが複数回トリガーされます。

jquery解決策:

jqueryのmouseenterメソッドとmouseleaveメソッドはこの問題を修正しており、mouseoverとmouseoutの置き換えに直接使用できます

しかし、mouseenterとmouseleaveには小さな問題があります。イベントにバインドされた要素にドキュメントの外側から直接入力すると、mouseenter は有効になりません

一時的な解決策は、イベントにバインドされた要素をブラウザの端から離し、少なくとも 1 ピクセルの間隔を空けるようにすることです。 。

さらに、jquery の hover() メソッドは、mouseenter および Mouseleave を使用するのと同等です。マウスオーバーとマウスアウトの問題も解決できます。

以上がjQuery イベントの詳細説明 マウスオーバーとマウスアウトは、マウスが子要素の上を通過したときにもトリガーされますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。