Keyboard Test

The Keyboard Test renders a full 104-key ANSI layout and highlights every key you press in real time, so you can detect stuck, dead, or chattering keys. It listens to window keydown/keyup events, tracks currently-held codes in a Set, and keeps a history of the last 10 keys pressed.

1. Click anywhere on the page so it has focus. 2. Press keys on your physical keyboard — the matching on-screen key turns the primary color and scales down while held. 3. Watch 'Currently Pressed' for live state and 'Recent Keys' for the last 10 codes pressed. 4. Test modifier combinations (Shift+letter, Ctrl+C, Alt+Tab) and numpad/arrow keys to confirm every key registers.

The visual layout uses a 24-column CSS grid spanning six rows: function row (Esc + F1–F12), number row (with Backquote, Digit0–9, Minus, Equal, Backspace), QWERTY row, home row, bottom row (ShiftLeft/ShiftRight, arrows), and modifier row (Ctrl, Win, Alt, Space). It also includes navigation cluster (Ins/Home/PgUp/Del/End/PgDn) and the full numpad. Keys are identified by e.code (e.g. 'KeyA', 'Digit1', 'Numpad7', 'ArrowUp'), and each cell shows a friendly label like 'A', '1', '⌫', or '⇥'.