[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 ボタンも押した。IdLog.innerHTML=IdLog.innerHTML + eve.buttons +"("+ eve.button +") "; //表示。 } IdTest.onmousedown=Job; //イベント割り当て。詳細
//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 //…