HTML の onmouseout 属性

HTMLタグに指定できるonmouseout属性には、マウスポインタを要素内から要素外に動かしたときに実行するJavaScriptを記述します。この記事では、onmouseoutの使い方とサンプルをご紹介します。

onmouseoutの使い方

<p onmouseout="display('event', 'onmouseout')">
  ここにマウスポインタを置いてから離してみてください。
</p>
<p>
  イベント:<span id="event"></span>
</p>
<script>
  function display(id, name) {
    document.getElementById(id).innerHTML = name;
  }
</script>

ここにマウスポインタを置いてから離してみてください。

イベント:

省略

onmouseout属性は省略可能です。

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

要素

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

関連記事

class

dir

id

lang

onblur

onchange

onclick

oncontextmenu

ondblclick

onfocus

onkeydown

onkeypress

onkeyup

onmousedown

onmousemove

onmouseover

onmouseup

onselect

style

title