備忘録的プログラミングリファレンス

mouseleave(onmouseleave)イベント

　mouseleave(onmouseleave)イベントは、設定されたエレメント上からマウスポインターが離れたときに発生するイベントです。

　mouseleaveイベントはmouseenterイベントの対です。

　mouseleaveイベントに似たイベントにmouseoutイベントがあります。mouseleaveイベントはバブルしませんし、マウスポインターがエレメント上に入ったときだけイベントが発生します。

構文（Syntax）

in HTML

<tagelement onmouseleave="function()">

in JavaScript

object.onmouseleave = function(){ };

object.addEventListener("mouseleave", script_);

備考（Remarks）

BubblesNo
CancelableNo
InterfaceMouseEvent
Supported HTML ElementsALL HTML elements

Example

　mouseoutイベントとの違いもテストできます。

確認ボタンをクリックしてください。以下のHTML,CSS,Scriptコード例が実行されます。