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

mouseout(onmouseout)イベント

 mouseout(onmouseout)イベントは、設定されたHTMLエレメント上からマウスポインターが離れたら発生するイベントです。 このイベントは親エレメントにバブルします。

 mouseoutイベントはmousemovemouseoverイベントの対です。

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

構文(Syntax)

in HTML

<tagelement onmouseout="function()">

in JavaScript

object.onmouseout = function(){ };

object.addEventListener("mouseout", script_);

備考(Remarks)

BubblesYes
CancelableYes
InterfaceMouseEvent
Supported HTML ElementsALL HTML elements

Example

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

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