押したキーのキー名を取得
押したキーのキー名を取得するには、イベント引数である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 入力モードが切り替わった時にそれぞれ名称も変化します。