codeプロパティ
codeプロパティは、押されたキーボードのキーを返す KeyboardEvent のプロパティです。
ただし、codeプロパティはキーボードレイアウトごとに返す値が違いますので注意が必要です。 キーボードデバイスごとによらない値を取得するにはkeyプロパティを使用してください。
document.addEventListener('keydown', ()=>{ console.log( event.code ); });
この KeyboardEvent.code の値は、上記のように Event オブジェクトから取得します。
Event オブジェクトは以下のイベントの発生を捉えるによって取得できます。
イベントタイプ (ハンドラー名) | 概要 |
---|---|
keydown ( onkeydown ) | なんからのキーボードのキーを押したら |
keypress ( onkeypress ) | Shift、Fn、CapsLock を除くキーボードのキーを押したら |
keyup ( onkeyup ) | キーボードのキーが押してから戻るときに |
Syntax
返り値はString型です。
String = event.code;
Return Values
type | 摘要 |
---|---|
String | キーの値 |
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
- プロパティ
- メソッド