キーコードを調べるツール作った

キーボードの押下したキーを調べる JavaScript ツールを作った。その名も KeyCode Checker。

• デモ : KeyCode Checker
• コード : frontend-sandboxes/index.html at master · Neos21/frontend-sandboxes

画面上でキーを押下すると、そのキーの情報を表示する。

普通に event.key などの値を取得・表示しているだけ。

昔は event.key で取得できる数値しか情報がなかったと思うが、何やら最近は event.code というプロパティでもう少し分かりやすいキー名が拾えるようになったようだ。あと Ctrl や Alt などのキーはキーボードの左右に2つ配置されていたりするので、location というプロパティで左右を区別できたりする。

他に特筆すべき点もないが、:nth-child(n + 3) で「3つ目以降の要素」を指定できるのを初めてちゃんと実践したかも。