GlobalEventHandlers.onmouseout
onmouseout
は GlobalEventHandlers
ミックスインのプロパティで、mouseout
イベントを処理するイベントハンドラー
です。
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