[Edge]。→、、
ウインドウ内でマウスのホイールが回されたときに発行されます。
| バブリング | ¶あり |
|---|---|
| キャンセル可能 | ¶いいえ |
| インターフェイス | ¶WheelEvent |
| イベント ハンドラー プロパティ | onwheel |
HTML:
<SPAN id=IdLog></SPAN>
JavaScript:
function Job(eve){ //wheel イベントの処理:
D=eve; //=[object]:[object WheelEvent]。TEXTAREAの中でホイールを回した。
詳細
//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]:524
//screenY=[number]:377
//clientX=[number]:317
//clientY=[number]:302
//ctrlKey=[boolean]:false
//shiftKey=[boolean]:false
//altKey=[boolean]:false
//metaKey=[boolean]:false
//button=[number]:0
//buttons=[number]:0
//relatedTarget=[object]:null
//pageX=[number]:317
//pageY=[number]:1365
//x=[number]:317
//y=[number]:302
//offsetX=[number]:291
//offsetY=[number]:11
//movementX=[number]:0
//movementY=[number]:0
//fromElement=[object]:null
//toElement=[object]:[object HTMLTextAreaElement]
//layerX=[number]:317
//layerY=[number]:1365
//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 HTMLTextAreaElement]
//currentTarget=[object]:null
//eventPhase=[number]:0
//bubbles=[boolean]:true
//cancelable=[boolean]:false
//defaultPrevented=[boolean]:false
//composed=[boolean]:true
//…
// eve.preventDefault(); //イベント動作をさせないようにブラウザーに通告(つまりスクロールをさせない)。
// DA=eve.defaultPrevented; //イベント動作は抑制されたか?。
let E=eve.target; //ターゲット要素の取得。
IdLog.innerHTML="target:"+E.tagName+"<BR>"
+"pageX:"+eve.pageX+"<BR>"
+"pageY:"+eve.pageY; //表示。
}
window.onwheel=Job; //イベント割り当て。