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

deltaMode プロパティ

 deltaMode プロパティは、マウスホイールのスクロール量の単位を返す WheelEvent のプロパティです。 スクロールやズームイン、ズームアウトに利用されます。
 スクロール量は event.deltaXevent.deltaYevent.deltaZ プロパティで確認します。

 各値は、 Event オブジェクトから取得します。

deltaMode プロパティ
document.getElementById("example").onwheel = (event) => {
	console.log( event.deltaMode );
}
詳しくはExampleを参照してください

 イベントは、wheel ( onwheel ) を利用します。

ページ内 Index

構文(Syntax)

Number = event.deltaMode;

返り値(Return Values)

 返り値はNumber型で、読み取り専用です。

TypeValue摘要
NumberDOM_DELTA_PIXEL0...ピクセル
DOM_DELTA_LINE1...行
DOM_DELTA_PAGE2...ページ

Example

 deltaMode プロパティの例です。確認ボタンをクリックして実行してみてください。
 詳細は開発用コンソールを参照してください。

確認ボタンをクリックしてください。以下のHTML,CSS,Script例が実行されます。