DOM

：

：

MouseEvent.button プロパティ

　編集：2022.10.06 by T.A.

[Edge]○。読取専用。、、

MouseEvent 発行時にどのボタンが押されたのかを数値で示します。

このプロパティは、 1 つまたは複数のボタンを押したり離したりすることによって発生したイベント中に、どのボタンが押されたかを示すことのみを保証します。したがって、mouseenter、mouseleave、mouseover、mouseout、mousemove のようなイベントに対しては確かではありません。

ユーザーはポインティング デバイスの設定を変更できるため、例えばイベントのボタン プロパティがゼロだった場合、必ずしも物理的な左ボタンによるものとは限りません。ただし、そのような場合でも標準設定における左ボタンと同じ動作をするべきです。

構文
MouseEvent.button
値

該当するボタンに対応する番号を表す数値：

0 主ボタンが押された。通常は左ボタンか初期化されていない状態。
1 補助ボタンが押された。通常はホイールボタンまたは中央のボタンが押された場合。
2 副ボタンが押された。通常は右ボタン。
3 第四ボタン。一般的にブラウザーの戻るボタン。
4 第五ボタン。一般的にブラウザーの進むボタン。

上記のように、ボタンは標準の「左から右へ」のレイアウトとは異なる構成でも構いません。

左利き用に設定されたマウスでは、ボタンの動作が逆になることがあります。

ポインティング デバイスによっては 1 つのボタンしか持たず、キーボードまたは他の入力機構を使用して主、副、補助などを示します。他のポインティング デバイスは多くのボタンを異なる機能およびボタン値にマッピングすることができます。

仕様書より：Lv.3

値 意味
-1 前回のイベントから、どのボタンも、どのタッチ／ペン接触も変化していない
0 マウスの左ボタンが押されている／タッチ接触がある／ペン接触がある
1 マウスの中央ボタンが押されている
2 マウスの右ボタンが押されている／ペンのバレル･ボタンが押されている
3 マウスの x1（back）ボタンが押されている
4 マウスの x2（forward）ボタンが押されている
5 ペンのイレーザー ボタンが押されている
関連

buttons。

例

HTML： 

<SPAN id=IdTest>[SPAN要素。ここでボタン降下…]</SPAN><BR>
<SPAN id=IdLog></SPAN>

JavaScript： 

function Job(eve){ //mousedown イベントの処理：
  D=eve; //

詳細
	//…


  IdLog.innerHTML=IdLog.innerHTML + eve.button +" "; //表示。
}
IdTest.onmousedown=Job; //イベント割り当て。
テスト