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 イベント属性