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

deltaX プロパティ

event.deltaX

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

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

deltaX プロパティ
document.getElementById("example").onwheel = (event) => {
	console.log( event.deltaX );
}

詳しくはExampleを参照してください

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

ページ内 Index

- ad -

構文(Syntax)

Double = event.deltaX;

返り値(Return Values)

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

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

Example

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

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

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

- ad -