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>

サンプル

Event:

要素

次に示すイベント・ハンドラ・コンテンツ属性は、任意のHTML要素に指定することができる。

関連記事

class

dir

id

lang

onblur

onchange

onclick

oncontextmenu

ondblclick

onfocus

onkeydown

onkeypress

onkeyup

onmousedown

onmousemove

onmouseout

onmouseup

onselect

style

title