JavaScriptのkeyCodeとは？押されたキーのコードを取得する方法を解説
event.keyCode は、キーボードで押されたキーのコード（キーコード）を取得するためのプロパティです。
どのキーが押されたか判定したいときに利用します。
※ 現在は event.key や event.code の使用が推奨されていますが、
既存コードでは keyCode が多く使われています。
keyCodeとは？
keyCode は、押されたキーを数値で表したものです。
たとえば、Enter キーは 13、A キーは 65 など、キーごとに固有の番号が割り当てられています。
使用例：押されたキーのコードを表示する
<body onkeydown=”alert(event.keyCode)”>
→ キーを押すたびに、そのキーのコードがダイアログで表示されます。
keyCodeの主な用途
- 特定のキーが押されたか判定する
- ショートカットキーの実装
- Enter キーでフォーム送信を制御する
- 矢印キーでカーソル移動を制御する
実際のサンプル：キーコードをリアルタイム表示
<input type=”text” onkeydown=”console.log(‘keyCode:’, event.keyCode)”>
→ 入力欄でキーを押すたびに、キーコードがコンソールに表示されます。
keyCodeの代表例
| キー | keyCode |
|---|---|
| Enter | 13 |
| Esc | 27 |
| Space | 32 |
| ← | 37 |
| ↑ | 38 |
| → | 39 |
| ↓ | 40 |
まとめ
event.keyCodeは押されたキーのコードを取得するプロパティ- キー判定・ショートカット実装などに便利
- 現在は
event.keyの使用が推奨されるが、既存コードでは keyCode が多い
