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

HTML タグ一覧

HTML onmouseoverイベント属性

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

オンラインサンプル

マウス指標が画像の上に来たときにスクリプトが実行されます:

例

<!DOCTYPE html>
<html>
<head>
<title>HTML onmouseover イベント属性の使用(基本チュートリアルウェブ oldtoolbag.com)</title>
</head>
<body>
<img onmouseover="bigImg(this)" onmouseout="normalImg(this)" border="0" src="pig.gif" alt="pig" width="32" height="32">
<p>ユーザーが画像上にマウスを合わせると、bigImg()関数がトリガーされます。この機能は画像を拡大します。
マウス指標が画像から外れたときに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

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

定義と使用法

マウスカーソルが要素に移動すると、onmouseover属性がトリガーされます。

ヒント： onmouseover属性は通常onmouseout属性を一緒に使用します。

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

HTML 4.01 HTML5の違い

ありません。

文法

<element onmouseover="script">

属性値

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

HTML イベント属性

HTML: <template> タグ