Corredor

ウェブ、プログラミングの勉強メモ。

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

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

See the Pen KeyCode Checker by Neos21 (@Neos21) on CodePen.

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

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

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

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

CODE COMPLETE 第2版 上 完全なプログラミングを目指して

CODE COMPLETE 第2版 上 完全なプログラミングを目指して

CODE COMPLETE 第2版 下 完全なプログラミングを目指して

CODE COMPLETE 第2版 下 完全なプログラミングを目指して