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

HTML タグ一覧

HTML onmousemoveイベント属性

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

オンラインサンプル

マウス指標を画像に移動すると実行されるJavaScript：

例

<!DOCTYPE　html>
<html>
<head>
<title>HTML　onmousemove　イベント属性の使用(基本教程網　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

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

定義と使用法

ポインタが要素上に移動したときに onmousemove 属性がトリガーされます。

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

HTML 4.01 HTML5の違い

ありません。

構文

<element onmousemove="script">

属性値

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

HTML イベント属性

HTML: <template> タグ