GlobalEventHandlers.onmouseover

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

mouseover イベントは、ユーザーが特定の要素の上にマウスを移動させたときに発生します。

構文

element.onmouseover = function;

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

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
onmouseover の定義
現行の標準

ブラウザの互換性

BCD tables only load in the browser