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

wheel ( onwheel )イベント

 wheel ( onwheel )イベントは、マウスホイールをロールアップ/ダウンすると発生するイベントです。 スクロールやズームイン、ズームアウトに利用されます。

 この wheel イベントは、タッチデバイスを使用してスクロールやズームイン、ズームアウトしても発生します。

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

 ホイールを動かした向きは deltaMode、量は deltaXdeltaYdeltaZ で確認します。

ページ内 Index

構文(Syntax)

in HTML

<tagelement onwheel="function()">

in JavaScript

object.onwheel = function(){ };

object.addEventListener("wheel", script_);

備考(Remarks)

BubblesYes
CancelableYes
InterfaceWheelEvent
Supported HTML ElementsALL HTML elements

Example

 wheel ( onwheel )イベントの例です。確認ボタンをクリックして実行してみてください。

 詳細は開発用のコンソールを参照してください。

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