要素を結合すると、何度もmouseoverとmouseoutイベントが発生します。

javascriptのmouseoverとmouseoutイベントは、結合要素の内部にサブ要素がある場合、結合要素を通過すると、何度もmouseoverとmouseoutイベントをトリガします。jquery解決方法：jqueryのmouseenterとmouseleaveの方法はこの問題を修復しました。mouseoverとmouseoutの代わりに直接使うことができます。mouseoverとmouseoutはmouseenterとmouseleaveの問題があります。ドキュメント外から直接にマウスを結合イベントの要素に入らせる時、mouseenterは有効ではないです。最低1 pxの間隔をとるようにします。また、jqueryのhover（）方法は、mouseenterとmouseleaveを使ったものに相当します。mouseoverとmouseoutの問題も解決できます。