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

deltaXプロパティ

 deltaXプロパティは、マウスホイールの左右方向にスクロールした量を返すWheelEventのプロパティです。 右にスクロールすると正の値、左にスクロールすると負の値を返します。

 deltaXプロパティは左右のスクロールがあるマウスデバイスに限られます。

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

 スクロール量の単位はdeltaModeプロパティで取得します。

ページ内 Index

構文(Syntax)

Double = event.deltaX;

返り値(Return Values)

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

Type摘要
Doubleスクロールした量

Example

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

 deltaXプロパティは左右のスクロールがあるマウスデバイスに限られます。

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