MouseEvent buttons属性

DOM イベント MouseEvent

定義と使用法

button属性は、マウスイベントが発生したときに押されたどのボタンかまたはどのボタンが押されたかを示す数字を返します。

この属性は主にonmousedownイベントと一緒に使用されます。

ヒント：ブラウザのサポートが不足しているため、参照が必要な場合があります。 button属性.

注釈：この属性は読み取り専用です。

例

マウスイベントが発生したときに押されたマウスボタンを見つける：

var x = event.buttons;

実際に試してみてください

文法

event.buttons

技術的詳細

返り値：

数字値、マウスイベントが発生したときに押された1つまたは複数のマウスボタンを表します。

複数のボタンが押された場合、これらの値を組み合わせて新しい数字を生成します（例えば、左ボタン（1）と右ボタン（2）が押された場合、返り値は1+2、つまり3です）。

可能な値：

  • 1：マウス左ボタン
  • 2：マウス右ボタン
  • 4：ホイールボタンまたは中央ボタン
  • 8：第4のマウスボタン（通常は「ブラウザ戻る」ボタン）
  • 16：第5のマウスボタン（通常は「ブラウザ進行」ボタン）

注釈：左手設定のマウスでは、返り値が逆になります。
DOMバージョン： DOMレベル3イベント

ブラウザのサポート

このテーブルの数字は、その属性を完全にサポートする最初のブラウザバージョンを示しています。

属性 Chrome IE Firefox Safari Opera
ボタons 53.0 9.0 サポート サポートしていない サポート

関連ページ

HTML DOM 参考マニュアル：MouseEvent button 属性

HTML DOM 参考マニュアル：MouseEvent which 属性

DOM イベント MouseEvent