Como usar o teste
Clique no painel ou chegue até ele com Tab até aparecerem o contorno amarelo e o teste ativo. Pressione separadamente letras, números, pontuação, setas e teclas de função. Amarelo indica pressionada agora; o tom claro mantém um código recebido desde o último Limpar. “Pressionadas agora” lista códigos ativos, “Última tecla” mostra KeyboardEvent.key e “Último código” a posição de KeyboardEvent.code. Para combinações, segure por exemplo Shift esquerdo e A; os dois códigos ficam até cada tecla ser solta. Os lados dos modificadores aparecem separados quando informados. keydown repetido muda o estado sem somar o mesmo código novamente. Limpar reinicia estado, histórico e leituras.
Como interpretar os resultados
key acompanha o layout e os modificadores; code descreve a posição física. Por isso o caractere pode mudar na mesma posição. Se code vier vazio, mas o lado de um modificador existir, a página recupera esquerda ou direita; sem lado confiável, mostra “lado indisponível” sem inventar. Para uma verificação prática, passe por letras, fileira numérica e pontuação, teste os dois lados dos modificadores e combinações comuns. Se uma tecla não aparecer, dê foco novamente, tente devagar e compare em outro aplicativo compatível antes de concluir que há defeito.
Foco, atalhos e privacidade
Somente o painel visível com foco recebe teclas. Tab pode sair e Escape mantém a função normal; o foco não fica preso. Apenas a rolagem por Espaço é impedida durante o foco. Clicar fora, trocar de janela ou aba, ou ocultar a página libera teclas ativas contra estados travados. Tudo fica na memória da página e some com Limpar ou recarregar. Não há armazenamento local, envio de teclas, identificação do modelo nem listener global de teclas. Mesmo assim, não digite senhas ou outros segredos.
Limites do navegador e do sistema
O navegador recebe apenas eventos entregues pelo sistema à página ativa. Energia, brilho, Fn, sequências seguras, troca de aplicativo e alguns atalhos podem ser interceptados antes. Extensões, métodos de entrada, acessibilidade e área de trabalho remota também podem alterar key, code ou location. A página não certifica contatos elétricos, bouncing, falhas intermitentes ou n-key rollover; mostra só combinações recebidas e teclas do desenho. Confirme resultados suspeitos com o diagnóstico do fabricante, outro aplicativo ou assistência técnica qualificada.
Perguntas frequentes
Por que key e code diferem? key segue o layout e code a posição. Por que uma tecla segurada repete? O sistema gera keydown repetidos. Por que “Pressionadas agora” é limpo ao trocar de aba? Para evitar estado travado. Por que um atalho não aparece? Pode estar reservado antes do navegador. O destaque prova que a tecla está boa? Não, só confirma um evento recebido. A digitação é salva? Não; fica apenas na memória e some ao recarregar.