[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]。当文書上でホイール操作した。IdLog.innerHTML=IdLog.innerHTML +"●"; } document.onwheel=Job;詳細
//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 //…