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