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

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コード例が実行されます。