HTML の onmouseover 属性

HTMLタグのonmouseover属性には、マウスカーソルが乗ったときに実行するJavaScriptを記述します。

onmouseover属性の分類
バージョン	分類
HTML 4.01 Transitional	イベント属性
HTML 4.01 Strict	イベント属性
XHTML 1.0 Strict	イベント属性

HTML

<button type="button" onmouseout="mouseOut()" onmouseover="mouseOver()">
  Button
</button>
<p>
  Event: <span id="event"></span>
</p>
<script>
  function mouseOut() {
    document.getElementById("event").innerHTML = "mouseout";
  }
  function mouseOver() {
    document.getElementById("event").innerHTML = "mouseover";
  }
</script>