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イベントとの違いもテストできます。