mouseout ( onmouseout )イベント
mouseout ( onmouseout )イベントは、設定されたHTMLエレメント上からマウスポインターが離れたら発生するイベントです。 このイベントは親エレメントにバブルします。
document.getElementById('example').addEventListener("mouseout", (event)=>{ console.log( 'event type : ' + event.type ); });
詳しくは Example を参照してください
mouseoutイベントはmousemove、mouseoverイベントの対です。
mouseoutイベントに似たイベントにmouseleaveイベントがあります。mouseoutイベントはバブルし、マウスポインターがエレメント上から離れたときにだけイベントが発生します。
ページ内 Index
構文(Syntax)
in HTML
<tagelement onmouseout="function()">
in JavaScript
object.onmouseout = function(){ }; object.addEventListener("mouseout", script_);
備考(Remarks)
Bubbles | Yes |
Cancelable | Yes |
Interface | MouseEvent |
Supported HTML Elements | ALL HTML elements |
Example
mouseleaveイベントとの違いもテストできます。