Teste de Teclado

O Teste de Teclado renderiza um layout ANSI completo de 104 teclas e destaca cada tecla que você pressiona em tempo real, para que você possa detectar teclas presas, mortas ou com bouncing. Ele escuta os eventos keydown/keyup da janela, rastreia os códigos atualmente pressionados em um Set e mantém um histórico das últimas 10 teclas pressionadas.

1. Clique em qualquer lugar da página para que ela tenha foco. 2. Pressione teclas no seu teclado físico — a tecla correspondente na tela fica da cor principal e é reduzida enquanto pressionada. 3. Observe 'Pressionadas no momento' para o estado ao vivo e 'Teclas recentes' para os últimos 10 códigos pressionados. 4. Teste combinações de modificadores (Shift+letra, Ctrl+C, Alt+Tab) e o teclado numérico/setas para confirmar que todas as teclas são registradas.

O layout visual usa uma grade CSS de 24 colunas distribuída em seis linhas: linha de funções (Esc + F1–F12), linha de números (com Backquote, Digit0–9, Minus, Equal, Backspace), linha QWERTY, linha principal, linha inferior (ShiftLeft/ShiftRight, setas) e linha de modificadores (Ctrl, Win, Alt, Space). Também inclui o cluster de navegação (Ins/Home/PgUp/Del/End/PgDn) e o teclado numérico completo. As teclas são identificadas por e.code (por exemplo, 'KeyA', 'Digit1', 'Numpad7', 'ArrowUp') e cada célula mostra um rótulo amigável como 'A', '1', '⌫' ou '⇥'.