HTMLタグに指定できるonmouseout属性には、マウスポインタを要素内から要素外に動かしたときに実行するJavaScriptを記述します。この記事では、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属性は省略可能です。
バージョン | 分類 |
---|---|
HTML 4.01 Transitional | イベント属性 |
HTML 4.01 Strict | イベント属性 |
XHTML 1.0 Strict | イベント属性 |
次に示すイベント・ハンドラ・コンテンツ属性は、任意のHTML要素に指定することができる。