GlobalEventHandlers.onmouseout

onmouseout は GlobalEventHandlers ミックスインのプロパティで、mouseout イベントを処理するイベントハンドラーです。

mouseout イベントは、マウスが要素から離れると発生します。例えば、ウェブページ内の画像からマウスが離れると、その画像要素に対して mouseout イベントが発生します。

element.onmouseout = function;

この例は、onmouseout と onmouseover イベントを段落に追加しています。マウスを要素の上や外に移動してみてください。

<p>Test your mouse on me!</p>

const p = document.querySelector('p');
p.onmouseover = logMouseOver;
p.onmouseout = logMouseOut;

function logMouseOver() {
  p.innerHTML = 'MOUSE OVER detected';
}

function logMouseOut() {
  p.innerHTML = 'MOUSE OUT detected';
}