[Edge]○。読取専用。、、
MouseEvent が発行時にマウス(またはその他の入力機器)のどのボタンが押されていた状態を数値で示します。
押されている可能性があるそれぞれのボタンは、数字で表されます(下図参照)。複数のボタンが押された場合は、ボタンの値を足し合わせて新しい数値が生成されます。例えば、副ボタン(2)と補助ボタン(4)を同時に押した場合、その値は6(すなわち、2 + 4)となります。
1 つまたは複数のボタンを表す数値です。複数のボタンが同時に押されていた場合、値が組み合わされます(例えば、3 は主ボタン+副ボタンです)。
| 0 | ボタンが押されていない、または初期化されていない |
|---|---|
| 1 | 主ボタン(通常は左ボタン) |
| 2 | 副ボタン(通常は右ボタン) |
| 4 | 補助ボタン(通常はマウスホイールボタンまたは中央ボタン) |
| 8 | 第四ボタン(通常は「ブラウザーで戻る」ボタン) |
| 16 | 第五ボタン(通常は「ブラウザーで進む」ボタン) |
仕様書より:Lv.3
| 値 | 意味 |
|---|---|
| 0 | [マウス/hover しているペン]は どのボタンも押されずに動いている |
| 1 | マウスの左ボタンが押されている/タッチ接触がある/ペン接触がある |
| 2 | [マウスの右ボタン/ペンのバレル・ボタン]が押されている |
| 4 | マウスの中央ボタンが押されている |
| 8 | マウスの x1(back)ボタンが押されている |
| 16 | マウスの x2(forward)ボタンが押されている |
| 32 | ペンのイレーザー ボタンが押されている |
HTML:
<SPAN id=IdTest>[SPAN要素。ここで複数のボタン降下…]</SPAN><BR> <SPAN id=IdLog></SPAN>
JavaScript:
function Job(eve){ //mousedown イベントの処理:
D=eve; //=[object]:[object MouseEvent]。第 1 ボタン押して、第 2 ボタンも押した。
詳細
//isTrusted=[boolean]:true
//screenX=[number]:396
//screenY=[number]:227
//clientX=[number]:189
//clientY=[number]:152
//ctrlKey=[boolean]:false
//shiftKey=[boolean]:false
//altKey=[boolean]:false
//metaKey=[boolean]:false
//button=[number]:2
//buttons=[number]:3
//relatedTarget=[object]:null
//pageX=[number]:189
//pageY=[number]:1853
//x=[number]:189
//y=[number]:152
//offsetX=[number]:171
//offsetY=[number]:33
//movementX=[number]:0
//movementY=[number]:0
//fromElement=[object]:null
//toElement=[object]:[object HTMLSpanElement]
//layerX=[number]:189
//layerY=[number]:1853
//getModifierState=[function]:function getModifierState() { [native code] }
//initMouseEvent=[function]:function initMouseEvent() { [native code] }
//view=[object]:[object Window]
//detail=[number]:1
//sourceCapabilities=[object]:[object InputDeviceCapabilities]
//which=[number]:3
//initUIEvent=[function]:function initUIEvent() { [native code] }
//type=[string]:mousedown
//target=[object]:[object HTMLSpanElement]
//currentTarget=[object]:null
//eventPhase=[number]:0
//bubbles=[boolean]:true
//cancelable=[boolean]:true
//defaultPrevented=[boolean]:false
//composed=[boolean]:true
//…
IdLog.innerHTML=IdLog.innerHTML + eve.buttons +"("+ eve.button +") "; //表示。
}
IdTest.onmousedown=Job; //イベント割り当て。