buttonsプロパティ
MouseEvent.buttons
buttonsプロパティは、どのマウスボタンが押されているかを返すMouseEventのプロパティです。
このプロパティは主にonmousedownイベントに併せて使用されます。
document.addEventListener("keypress", (mousedown) => { colsole.log( event.buttons ); });
複数のボタンに対応しています。Safariブラウザは対応していません。buttonプロパティを使うことをお勧めします。
構文(Syntax)
返り値はNumber型で、読み取り専用です。
Number = event.buttons;
返り値(Return Values)
Value | 摘要 |
---|---|
1 | マウスの左ボタン |
4 | ホイールボタンまたは中央ボタン |
2 | マウスの右ボタン |
8 | 4番目のマウスボタン |
16 | 5番目のマウスボタン |
Example
関連(Related)
HTML、CSS、DOMのマウス、キーボード、タッチデバイス、カーソルに関する用途一覧です。
HTML
CSS
DOM
- 全般
-
- インターフェイス
- UiEvent
- イベント
- which
- プロパティ
- altKey、 ctrlKey、 metaKey、 relatedTarget、 shiftKey
- メソッド
- getModifierState()
- マウス
-
- インターフェイス
- DragEvent、 MouseEvent
- イベント
- click、 contextmenu、 dblclick、 dragend、 dragenter、 dragleave、 dragover、 dragstart、 drop、 mousedown、 mouseenter、 mouseleave、 mousemove、 mouseout、 mouseover、 mouseup、 show、 onwheel
- プロパティ
- button、 buttons、 clientX、 clientY、 code、 deltaMode、 deltaX、 deltaY、 deltaZ、 pageX、 pageY、 screenX、 screenY
- メソッド
- キーボード
- タッチデバイス
-
- インターフェイス
- TouchEvent
- イベント
- touchcancel、 touchend、 touchmove、 touchstart、 transitionend
- プロパティ
- メソッド