HTMLリファレンスマニュアル

HTMLタグ全解

HTML onmouseoutイベント属性

onmouseout属性は、現在の要素のmouseoutイベントのイベントハンドラを取得または設定するために使用されます

オンラインサンプル

マウスカーソルを画像から外れたときにJavaScriptを実行します:

例

<!DOCTYPE html>
<html>
<head>
<title>HTML onmouseoutイベント属性の使用(基礎教程網　oldtoolbag.com)</title>
</head>
<body>
<img onmousemove="bigImg(this)" onmouseout="normalImg(this)" border="0" src="pig.gif" alt="pig" width="32" height="32">
<p>ユーザーのマウスカーソルが画像の上に来たときにbigImg()関数が呼び出されます。この機能は画像を拡大します。<br>
マウスカーソルが画像から外れたときにnormalImg()関数が呼び出されます。この機能は画像の高さと幅を通常に設定します。</p>
<script>
function bigImg(x) {
　　x.style.height = ""64px";
　　x.style.width = ""64px";
}
function normalImg(x) {
　　x.style.height = ""32px";
　　x.style.width = ""32px";
}
</script>
</body>
</html>

テストを見てみる ‹/›

ブラウザの互換性

IEFirefoxOperaChromeSafari

すべての主要なブラウザが onmouseout イベント属性をサポートしています

定義と用法

マウス指標が要素から外れたときに onmouseout 属性がトリガーされます。

ヒント： onmouseout属性は通常onmouseover属性を組み合わせて使用します

注意： onmouseout 属性は以下の要素に対して使用できません: <base>, <bdo>, <br>、 <head>, <html>, <iframe>, <meta>, <param>, <script>, <style>, または <title>。

HTML 4.01 HTML5の違い

ありません。

文法

<element onmouseout="script">

属性値

値	説明
script	onmouseout イベントがトリガーされたときに実行されるスクリプトを指定します。

HTML イベント属性

HTML: <template> タグ