JavaScriptマウスオーバーとマウスアウトイベントは、バインディング要素の中に子要素がある場合、
マウスオーバーおよびマウスアウトイベントは、結合要素の場合に複数回トリガーされます。
jQueryソリューション：
jQueryのマウスエンターとムーセリーブの方法はこの問題を修正し、マウスオーバーとマウスアウトを交換するために直接使用できます
ただし、マウスエンテルとムーセリーブには小さな問題があります。
一時的な解決策は、バインディングイベントの要素がブラウザのエッジに依存することを許可せず、少なくとも1px間隔を残してみることです。
さらに、jQueryのHover（）メソッドは、MouseenterおよびMouseleaveの使用と同等です。また、マウスオーバーとマウスアウトの問題を解決することもできます。