onmouseover
は GlobalEventHandlers
ミックスインのプロパティで、mouseover
イベントを処理すイベントハンドラー
です。
mouseover
イベントは、ユーザーが特定の要素の上にマウスを移動させたときに発生します。
構文
element.onmouseover = function;
例
この例は、onmouseover
と onmouseout
イベントを段落に追加しています。マウスを要素の上や外に移動してみてください。
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