onwheel - ホイールを回した時に発火する

投稿日:

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

説明

イベントハンドラのonwheelは、マウスホイールを回した時(ホイールスクロールした時)に発火します。他にonmousewheelという似た名称のイベントハンドラがありましたが、そちらは非推奨です。

サンプルコード

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

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

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

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

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

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

デモ

onwheelイベントを設定しました。ホイールを回してみて下さい。イベントが発生するごとに、発生回数がカウントアップされます。

関連項目

外部リンク