備忘録的プログラミングリファレンス

WheelEvent インターフェイス

 WheelEvent インターフェイスは、マウスのホイールの操作に関するインターフェイスです。
 ホイールを操作するイベントを捉えます。ホイールの軸方向 X、Y、Z のスクロール量とスクロール量の単位を取得できます。

 MouseEvent インターフェイスを継承していますので、MouseEvent インターフェイスの Property と Method、 Event タイプが使えます。

WheelEvent インターフェイス継承図

 ホイールとは、ホイールという回転体を備えたデバイスのことで、ホイールマウス、スクロールマウス、ホイールデバイスなどと呼ばれます。

Properties

Example Syntax

var bubbles_value = WheelEvent.bubbles;
Property
deltaXread onlyマウスホイールのX軸方向(横方向)のスクロール量
deltaYread onlyマウスホイールのY軸方向(縦方向)のスクロール量
deltaZread onlyマウスホイールのZ軸方向のスクロール量(Z軸対応のマウスでなければ常に0を返す)
deltaModeread onlyスクロール量の単位

WheelEvent Types

 WheelEventタイプはエレメントに設定してwebページで起こるイベントを捉えます。

Example Syntax

object.onabort = function(){script_or_function};
WheelEvent type
onwheel設定されたエレメント上でマウスを動かすとイベントが発生します。