DOM

Document:wheel イベント

 編集:2022.10.08 by T.A.

[Edge]。→

ユーザーがポインティング デバイス(通常はマウス)のホイール ボタンを回転させると、イベントが発生します。

このイベントは、非標準の非推奨の mousewheel イベントを置き換えます。

注: wheel イベントと scroll イベントを混同しないでください。wheel イベントのデフォルト アクションは実装固有です。必ずしもスクロール イベントを送出するとは限りません。そんなときでも、wheel イベントの delta* 値は、必ずしもコンテンツのスクロール方向を反映しているわけではありません。したがって、スクロール方向を取得するために wheel イベントの delta* プロパティに依存しないでください。その代わり、scroll イベントで対象の scrollLeftscrollTop の値の変化を検出します。

バブリング ¶あり
キャンセル可能 ¶いいえ
インターフェイス WheelEvent
イベント ハンドラー プロパティ onwheel

Event から継承。

HTML:

<SPAN id=IdLog></SPAN>

JavaScript:

function Job(eve){ //wheel イベントの処理:
  D=eve; //=[object]:[object WheelEvent]。当文書上でホイール操作した。
詳細 //isTrusted=[boolean]:true //deltaX=[number]:0 //deltaY=[number]:100 //deltaZ=[number]:0 //deltaMode=[number]:0 //wheelDeltaX=[number]:0 //wheelDeltaY=[number]:-120 //wheelDelta=[number]:-120 //DOM_DELTA_PIXEL=[number]:0 //DOM_DELTA_LINE=[number]:1 //DOM_DELTA_PAGE=[number]:2 //screenX=[number]:510 //screenY=[number]:368 //clientX=[number]:303 //clientY=[number]:293 //ctrlKey=[boolean]:false //shiftKey=[boolean]:false //altKey=[boolean]:false //metaKey=[boolean]:false //button=[number]:0 //buttons=[number]:0 //relatedTarget=[object]:null //pageX=[number]:303 //pageY=[number]:1266 //x=[number]:303 //y=[number]:293 //offsetX=[number]:285 //offsetY=[number]:374 //movementX=[number]:0 //movementY=[number]:0 //fromElement=[object]:null //toElement=[object]:[object HTMLSpanElement] //layerX=[number]:303 //layerY=[number]:1266 //getModifierState=[function]:function getModifierState() { [native code] } //initMouseEvent=[function]:function initMouseEvent() { [native code] } //view=[object]:[object Window] //detail=[number]:0 //sourceCapabilities=[object]:null //which=[number]:0 //initUIEvent=[function]:function initUIEvent() { [native code] } //type=[string]:wheel //target=[object]:[object HTMLSpanElement] //currentTarget=[object]:null //eventPhase=[number]:0 //bubbles=[boolean]:true //cancelable=[boolean]:false //defaultPrevented=[boolean]:false //composed=[boolean]:true //…
IdLog.innerHTML=IdLog.innerHTML +"●"; } document.onwheel=Job;

テスト