[Edge]。→、
ユーザーがポインティング デバイス(通常はマウス)のホイール ボタンを回転させると、イベントが発生します。
このイベントは、非標準の非推奨の mousewheel イベントを置き換えます。
注: wheel イベントと scroll イベントを混同しないでください。wheel イベントのデフォルト アクションは実装固有です。必ずしもスクロール イベントを送出するとは限りません。そんなときでも、wheel イベントの delta* 値は、必ずしもコンテンツのスクロール方向を反映しているわけではありません。したがって、スクロール方向を取得するために wheel イベントの delta* プロパティに依存しないでください。その代わり、scroll イベントで対象の scrollLeft と scrollTop の値の変化を検出します。
| バブリング | ¶あり |
|---|---|
| キャンセル可能 | ¶いいえ |
| インターフェイス | 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;