押したキーのキー名を取得
押したキーのキー名を取得するには、イベント引数であるevent.keyプロパティで取得できます。
取得できるイベントはkeyup、keydown、keypressです。
- ※ IE8以下には対応していません。
- ※ IEとそれ以外では、戻り値の名称が異なる場合があります。
構文
var result = KeyboardEvent.key;
戻り値
取得したキーの名称を返します。
サンプルコード
JavaScript
document.addEventListener('keyup', function(event) {
console.log(event.key);
});
キー名一覧
日本語のキーボードでは、次のキー名が取得できます。
| 対応キー | 戻り値(キー名) | 戻り値(キー名)※ IE |
|---|---|---|
| A | a | a |
| B | b | b |
| C | c | c |
| D | d | d |
| E | e | e |
| F | f | f |
| G | g | g |
| H | h | h |
| I | i | i |
| J | j | j |
| K | k | k |
| L | l | l |
| M | m | m |
| N | n | n |
| O | o | o |
| P | p | p |
| Q | q | q |
| R | r | r |
| S | s | s |
| T | t | t |
| U | u | u |
| V | v | v |
| W | w | w |
| X | x | x |
| Y | y | y |
| Z | z | z |
| 1 | 1 | 1 |
| 2 | 2 | 2 |
| 3 | 3 | 3 |
| 4 | 4 | 4 |
| 5 | 5 | 5 |
| 6 | 6 | 6 |
| 7 | 7 | 7 |
| 8 | 8 | 8 |
| 9 | 9 | 9 |
| 0 | 0 | 0 |
| F1 | F1 | F1 |
| F2 | F2 | F2 |
| F3 | F3 | F3 |
| F4 | F4 | F4 |
| F5 | F5 | F5 |
| F6 | F6 | F6 |
| F7 | F7 | F7 |
| F8 | F8 | F8 |
| F9 | F9 | F9 |
| F10 | F10 | F10 |
| F11 | F11 | F11 |
| F12 | F12 | F12 |
| Enter | Enter | Enter |
| Space | Spacebar | |
| Tab | ※1 | ※1 |
| Esc | Escape | Esc |
| Shift | Shift | Shift |
| Ctrl | Control | Control |
| Alt | Alt | Alt |
| Backspace | Backspace | Backspace |
| ← | ArrowLeft | Left |
| → | ArrowRight | Right |
| ↑ | ArrowUp | Up |
| ↓ | ArrowDown | Down |
| ^ | ^ | ^ |
| ¥ | ¥ | ¥ |
| @ | @ | @ |
| [ | [ | [ |
| ] | ] | ] |
| ; | ; | ; |
| , | , | , |
| . | . | . |
| / | ※1 | / |
| ¥ | ¥ | ¥ |
| 半角/全角 | Hankaku Zenkaku※2 |
Unidentified |
| コンテキストメニュー | ContextMenu | Apps |
| 変換 | Convert | Convert |
| 無変換 | NonConvert | Nonconvert |
| CapsLock | CapsLock | CapsLock |
| Insert | Insert | Insert |
| Delete | Delete | Del |
| Home | Home | Home |
| End | End | End |
| Page Up | PageUp | PageUp |
| Page Down | PageDown | PageDown |
| カタカナ ひらがな |
※1 | ※1 |
| Windows | OS | Win |
| Print Screen | PrintScreen | ※1 |
| Scroll Lock | ScrollLock | Scroll |
| Pause | Pause | Pause |
- ※1 イベントが発生しません。
- ※2 入力モードが切り替わった時にそれぞれ名称も変化します。