JavaScriptのマウスイベント一覧【サンプル付き】

それぞれの違いをよく忘れるので、自分用メモ。

mousedown

mousedownは要素の中でマウスをクリックするとイベントが発生します。

mouseupは要素の中でマウスのクリックを離すとイベントが発生します。

mousemoveは要素の中でマウスを動かすとイベントが発生します。

mouseenterは要素の中にマウスが移動するとイベントが発生します。

mouseleaveは要素の外にマウスが移動するとイベントが発生します。

mouseoverは要素の上をマウスが移動するとイベントが発生します。

mouseenterと違い、こちらはバブリングします。

mouseoutは要素の外にマウスが移動するとイベントが発生します。

mouseleaveと違い、こちらはバブリングします。