要素をバインドした後、mouseover イベントと Mouseout イベントが複数回トリガーされます_JavaScript ヒント

JavaScript の Mouseover イベントと Mouseout イベントでは、バインドされた要素内に子要素がある場合、

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

jquery の解決策:

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

しかし、mouseenter と Mouseleave には小さな問題がありますイベントにバインドされた要素にマウスがドキュメントの外側から直接入った場合、mouseenter は有効になりません

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

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