GlobalEventHandlers.onmouseout

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

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

構文

element.onmouseout = function;

例

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

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