GlobalEventHandlers.onmouseout

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

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

構文

element.onmouseout = function;

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

HTML

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

JavaScript

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';
}

結果

仕様

仕様書 状態 備考
HTML Living Standard
onmouseout の定義
現行の標準

ブラウザの互換性

BCD tables only load in the browser