こちらの記事では、キーイベントで使用するキーコード(keyCode)情報をまとめています。
先輩くん
キーイベントの基本的な使い方を知りたい人は下記の記事をご覧ください!
【JavaScript】キーボード入力時にイベントを実行する(keyup,keydown)
こちらの記事では、キーボード入力時に実行される「keyup」「keydown」イベントについてサンプルコードを用いて分かりやすいよう解説しています。 【キーイベントの種類…
JavaScriptの学習におすすめ書籍
1冊ですべて身につくJavaScript入門講座
メリット
- 誰でも分かるように嚙み砕いて説明してくれる
- アニメーションの知識が深く学べる
- 1つのWebサイトを作りながら学べる
Amazon Kindle Unlimitedに登録すると、月額980円で読み放題だからオススメだよ!
初回30日間は無料だから、まだ登録したことのない人はぜひ試してみてね!
全プログラマー必見!
変数名/関数名にもう悩まない!
変数名/関数名にもう悩まない!
リーダブルコード
メリット
- 美しいコードが書けるが自然と書けるようになる
- 他の開発者が理解しやすいコードになる
著:Dustin Boswell, 著:Trevor Foucher, 解説:須藤 功平, 翻訳:角 征典
¥2,640 (2023/07/23 02:48時点 | Amazon調べ)
目次
キーコードを取得する
キーコード取得
イベント | 入力キー | キーコード |
---|---|---|
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 |