GlobalEventHandlers.onmouseover

onmouseover は GlobalEventHandlers ミックスインのプロパティで、mouseover イベントを処理すイベントハンドラーです。

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

element.onmouseover = function;

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

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

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