イベントmouseover、mouseout、mouseenter、mouseleave_javascriptスキルの違いについて

最近、オンライン試験やコースモールでこの問題に遭遇しました。マウスを現在のレイヤーにスライドさせると、マウスオーバーとマウスアウトが点滅する現象が多くあります。この現象を解決する方法はありますが、最も簡単な方法の 1 つは、mouseover と Mouseout を対応する Mouseenter と MouseLeave に置き換えることだと思います。

mouseover イベントは、マウス ポインターが要素の上にあるときに発生します。

このイベントは、mouseout イベントと一緒に最もよく使用されます。

注: Mouseenter イベントとは異なり、mouseover イベントは、マウス ポインターが選択された要素またはそのサブ要素を通過するかどうかに関係なくトリガーされます。 Mouseenter イベントは、マウス ポインターが選択された要素の上を通過したときにのみ発生します。

注: Mouseleave イベントとは異なり、mouseout イベントは、マウス ポインターが選択された要素または子要素から離れるかどうかに関係なくトリガーされます。 Mouseleave イベントは、マウス ポインターが選択された要素から離れた場合にのみトリガーされます。デモンストレーションについては、以下の例を参照してください。

mouseenter イベントは、マウス ポインターが要素を通過するときに発生します。このイベントは、mouseleave イベントと組み合わせて最もよく使用されます。

注: マウス ポインターが選択した要素の子要素を通過したときにも、mouseover イベントと Mouseout イベントがトリガーされます。イベントをバインドするときに、mouseover Mouseout イベント

によって予期しないバグが発生する場合があります。

マウスオーバーとマウス入力

マウス ポインターが選択された要素またはそのサブ要素を通過するたびに、mouseover イベントがトリガーされます。

mouseenter イベントは、マウス ポインターが選択された要素を通過するときにのみトリガーされます。

マウスアウトとマウス離れる

マウスアウト イベントは、マウス ポインターが選択した要素または子要素から離れるかどうかに関係なくトリガーされます。

mouseleave イベントは、マウス ポインターが選択された要素から離れた場合にのみトリガーされます。