読者です 読者をやめる 読者になる 読者になる

フロントサイドエンジニアという選択肢

HTMLコーダー → ECサイト運営 → システムエンジニア という経歴の著者がフロントサイトエンジニアという職業に今後の活路を見出し、その道に進むために取得した技術を貯めておくブログ

(Javascript)キーボードで押したキーを取得する

リアルタイムで押されたキーを取得する場合は、onkeydownかonkeyupのイベントを利用します。自動で入ってくる引数にkeyCodeというプロパティがあり、そこでキー番号(ASCIIコード10進数)を見ることができます。

以下のサンプルは、押されたキーの番号がコンソールに表示されます。

document.onkeydown = function (event) { console.log(event.keyCode)};

documentにイベントを登録してるので、ブラウザがアクティブの状態であれば処理を行ってくれます。