cman.jpWEBページ作成
広告
キーコードの取得
キーコードは、イベントのwhichプロパティで取得できます。
取得できるイベントはkeydown、keyup、keypressです。ただし、イベントによって、発生タイミングや発生有無に違いががあります。
また、ブラウザによってコードが異なるキーもあるので、注意が必要です。
広告
キーコードを取得するサンプル
キー入力欄にキー入力すると、キーコード、キーの名称と、shift、ctrl、altキーの真偽値が表示されます。
キーコード取得結果は、イベントの発生時点で表示されるので、イベントの発生タイミングや発生有無も確認できます。
※name欄は、chormeで表示した場合の名称です。その他のブラウザとは相違する場合があります。
| キー入力 | （最大20文字まで表示可能） |
|---|
キーコード取得結果
| イベント名 | code | name | shift | ctrl | alt |
|---|---|---|---|---|---|
| onkeydown | |||||
| onkeypress | |||||
| onkeyup |
キーコードを取得するjavascriptを表示
キーコード一覧例 （ブラウザ：chorme、イベント：onkeydownのキーコード一覧）
◆英数字◆
| キー | ||||
| キーコード | ||||
| 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 | ||||
◆ＰＦキー◆
| キー | ||||
| キーコード | ||||
| 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 | |
注意事項
- 文字以外のキー（Shift,Tab,Insertなど）では、onkeypressイベントは発生しません。
- 日本語入力（IMEオン）時は、イベントによる動作の違いがありますので、注意が必要です。
◆onkeydown ： 文字キーを入力して取得できるキーコードは、常に「229」（Firefoxは、常に「0」）です。文字以外のキーは、入力したキーのキーコードが取得できます。
◆onkeypress ： イベントが発生しません。
◆onkeyup ： 入力したキーのキーコードが取得できます。Firefoxは、文字以外のキーのみ、入力したキーのキーコードが取得できます。 - キーコードは、keyCodeプロパティでも取得可能ですが、Firefoxでは取得できません。whichプロパティは、以前はInternet Explorerでは取得できなかったようですが、Internet Explorer9以降は取得できることを確認しました。
広告