こちらの記事では、キーイベントで使用するキーコード(keyCode)情報をまとめています。
先輩くん
キーイベントの基本的な使い方を知りたい人は下記の記事をご覧ください!
JavaScriptの学習におすすめ参考書
改訂3版JavaScript本格入門 ~モダンスタイルによる基礎から現場での応用まで
先輩くん
10万部突破したJavaScriptの本が大幅増補改訂し7年ぶりに発売されたよ!
後輩ちゃん
最新の基本文法から、開発に欠かせない応用トピックまで学ぶことが出来るよ!
綺麗なコードが書けるようになる!
リーダブルコード-より良いコードを書くためのシンプルで実践的なテクニック
先輩くん
より良いコードを書きたい人におすすめの本だよ!
後輩ちゃん
10以上前の書籍ですが、内容は今でも役に立つものばかりです!
キーコードを取得する
キーコード取得
イベント | 入力キー | キーコード |
---|---|---|
keydown | ||
keyup |
キーコード一覧表
先輩くん
下記のテーブル表で紹介しているキーコードはkeydownイベントのブラウザはchromeで確認したものになります。
アルファベット
入力キー | キーコード |
---|---|
A | 65 |
B | 66 |
C | 67 |
D | 68 |
E | 69 |
F | 70 |
G | 71 |
H | 72 |
I | 73 |
J | 74 |
K | 75 |
L | 76 |
M | 77 |
N | 78 |
O | 79 |
P | 80 |
Q | 81 |
R | 82 |
S | 83 |
T | 84 |
U | 85 |
V | 86 |
W | 87 |
X | 88 |
Y | 89 |
Z | 90 |
数字
入力キー | キーコード |
---|---|
0 | 48 |
1 | 49 |
2 | 50 |
3 | 51 |
4 | 52 |
5 | 53 |
6 | 54 |
7 | 55 |
8 | 56 |
9 | 57 |
テンキー
入力キー | キーコード |
---|---|
0 | 96 |
1 | 97 |
2 | 98 |
3 | 99 |
4 | 100 |
5 | 101 |
6 | 102 |
7 | 103 |
8 | 104 |
9 | 105 |
* | 106 |
+ | 107 |
– | 109 |
. | 110 |
/ | 111 |
PFキー(ファンクションキー)
入力キー | キーコード |
---|---|
F1 | 112 |
F2 | 113 |
F3 | 114 |
F4 | 115 |
F5 | 116 |
F6 | 117 |
F7 | 118 |
F8 | 119 |
F9 | 120 |
F10 | 121 |
F11 | 122 |
F12 | 123 |
その他
入力キー | キーコード |
---|---|
BackSpace | 8 |
Tab | 9 |
Enter | 13 |
Shift | 16 |
Ctrl | 17 |
Alt | 18 |
PauseBreak | 19 |
CapsLock | 20 |
Esc | 27 |
Space | 32 |
PageUp | 33 |
PageDown | 34 |
End | 35 |
Home | 36 |
← | 37 |
↑ | 38 |
→ | 39 |
↓ | 40 |
Insert | 45 |
Delete | 46 |
NumLock | 144 |
ScrollLock | 145 |
*、: | 186 |
+、; | 187 |
<、, | 188 |
=、- | 189 |
>、. | 190 |
?、/ | 191 |
`、@ | 192 |
{、[ | 219 |
|、\ | 220 |
}、] | 221 |
~、^ | 222 |
_、\ | 226 |