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 |
初心者におすすめの学習書籍
JavaScriptの基礎を体系的に学びたい方には、こちらの書籍がとても分かりやすくおすすめです。
初心者がつまずきやすいポイントを丁寧に解説している入門書です。
→ 確かな力が身につくJavaScript「超」入門
まとめ
event.keyCodeは押されたキーのコードを取得するプロパティ- キー判定・ショートカット実装などに便利
- 現在は
event.keyの使用が推奨されるが、既存コードでは keyCode が多い
