キーコードは、イベントのwhichプロパティで取得できます。
取得できるイベントはkeydown、keyup、keypressです。ただし、イベントによって、発生タイミングや発生有無に違いががあります。
また、ブラウザによってコードが異なるキーもあるので、注意が必要です。
キー入力欄にキー入力すると、キーコード、キーの名称と、shift、ctrl、altキーの真偽値が表示されます。
キーコード取得結果は、イベントの発生時点で表示されるので、イベントの発生タイミングや発生有無も確認できます。
※name欄は、chormeで表示した場合の名称です。その他のブラウザとは相違する場合があります。
キー入力 | (最大20文字まで表示可能) |
---|
イベント名 | code | name | shift | ctrl | alt |
---|---|---|---|---|---|
onkeydown | |||||
onkeypress | |||||
onkeyup |
キーコードを取得するjavascriptを表示
◆英数字◆
キー | ||||
キーコード | ||||
0 | 1 | 2 | 3 | 4 |
48 | 49 | 50 | 51 | 52 |
5 | 6 | 7 | 8 | 9 |
53 | 54 | 55 | 56 | 57 |
A | B | C | D | E |
65 | 66 | 67 | 68 | 69 |
F | G | H | I | J |
70 | 71 | 72 | 73 | 74 |
K | L | M | N | O |
75 | 76 | 77 | 78 | 79 |
P | Q | R | S | T |
80 | 81 | 82 | 83 | 84 |
U | V | W | X | Y |
85 | 86 | 87 | 88 | 89 |
Z | ||||
90 |
◆PFキー◆
キー | ||||
キーコード | ||||
F1 | F2 | F3 | F4 | F5 |
112 | 113 | 114 | 115 | 116 |
F6 | F7 | F8 | F9 | F10 |
117 | 118 | 119 | 120 | 121 |
F11 | F12 | |||
122 | 123 |
◆テンキー◆
キー | ||||
キーコード | ||||
0 | 1 | 2 | 3 | 4 |
96 | 97 | 98 | 99 | 100 |
5 | 6 | 7 | 8 | 9 |
101 | 102 | 103 | 104 | 105 |
* | + | - | . | / |
106 | 107 | 109 | 110 | 111 |
◆その他◆
キー | ||||
キーコード | ||||
BackSpace | Tab | Enter | Shift | Ctrl |
8 | 9 | 13 | 16 | 17 |
Alt | PauseBreak | CapsLock | Esc | Space |
18 | 19 | 20 | 27 | 32 |
PageUp | PageDown | End | Home | ← |
33 | 34 | 35 | 36 | 37 |
↑ | → | ↓ | Insert | Delete |
38 | 39 | 40 | 45 | 46 |
NumLock | ScrollLock | *: | +; | <, |
144 | 145 | 186 | 187 | 188 |
=- | >. | ?/ | `@ | {[ |
189 | 190 | 191 | 192 | 219 |
|\ | }] | ~^ | _\ | |
220 | 221 | 222 | 226 |