onmousemove - マウスポインタが動いた時に発火する

投稿日:

JavaScriptのイベントハンドラ、onmousemoveの説明です。

説明

イベントハンドラのonmousemoveは、対象要素上でマウスポインタが動いた時に発火します。動かしている間、連続で処理が実行される点にご注意下さい。動かしてから止まるまで、で1カウントではありません。

サンプルコード

<div id="target"></div>
// 要素を取得
var divElement = document.getElementById( "target" ) ;

// 処理を定義
var action = function() {
	// 処理内容
}

// イベントを設定 ( addEventListener )
divElement.addEventListener( "mousemove", action ) ;

// イベントを削除
divElement.removeEventListener( "mousemove", action ) ;
// 要素を取得
var divElement = document.getElementById( "target" ) ;

// イベントを設定 ( onmousemove )
divElement.onmousemove = function() {
	// 処理内容
}

// イベントを削除
divElement.onmousemove = null ;

デモ

onmousemoveイベントを設定しました。マウスポインタを要素上で動かしてみて下さい。イベントが発火するごとに、発生回数がカウントアップされます。

関連項目

外部リンク