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

mouseout ( onmouseout )イベント

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

mouseout ( onmouseout )イベント
document.getElementById('example').addEventListener("mouseout", (event)=>{
	console.log( 'event type : ' + event.type );
});

詳しくは Example を参照してください

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

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

ページ内 Index

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