key segue o caractere produzido, que muda com o layout e os modificadores; code segue a posição física da tecla, que é sempre a mesma. Por isso a mesma tecla física pode gerar letras diferentes em layouts diferentes.
Capture teclas, códigos e repetição em tempo real
Quando uma tecla não digita, é difícil saber se o culpado é a tecla, o driver ou o software. Este teste captura os eventos keydown e keyup do navegador e mostra, a cada toque, quatro informações-chave: key (o caractere ou valor produzido, que depende do layout e dos modificadores), code (a posição física da tecla, independente do layout), location (se a tecla é a versão esquerda, direita ou do teclado numérico) e repeat (se o toque é uma repetição automática de uma tecla mantida pressionada). Com isso você vê ao vivo se cada tecla registra, se um modificador ficou preso e se o layout está mapeado como você espera.
key é o que a tecla produz agora: pressionar 2 com Shift pode gerar @ ou ", conforme o layout. code é a identidade física da tecla, sempre a mesma independentemente do idioma, a tecla no canto superior esquerdo das letras é KeyQ mesmo que seu layout escreva outra coisa ali. Essa distinção é o coração do diagnóstico: se code aparece mas key vem errado, o problema é de layout/software, não da tecla.
location distingue teclas duplicadas: 1 para a versão esquerda, 2 para a direita e 3 para o teclado numérico. É assim que você confirma se o Shift direito funciona tão bem quanto o esquerdo. repeat fica verdadeiro quando o sistema dispara toques automáticos ao manter a tecla, útil para flagrar uma tecla que "repete sozinha".
Exemplo 1, descobrir por que as letras saem erradas: pressione a tecla física no canto superior esquerdo das letras. Se code for KeyQ mas key aparecer como "a", seu sistema está em layout AZERTY (francês), não QWERTY. O teclado está perfeito; o que precisa mudar é o layout do idioma no sistema operacional.
Exemplo 2, checar os dois Shift: aperte o Shift esquerdo e veja key "Shift" com location 1; depois o Shift direito, que deve mostrar location 2. Se um dos lados não registrar, aquela tecla específica é que está com defeito, não os atalhos que dependem dela.
Use ao comprar um teclado usado, depois de derramar líquido, para caçar uma tecla que falha de vez em quando, ou para validar um teclado mecânico tecla por tecla. Também ajuda a testar n-key rollover, pressionando várias teclas ao mesmo tempo para ver quantas o teclado consegue reportar simultaneamente.
Como interpretar: uma tecla que nunca dispara keydown indica switch morto ou sujeira sob a tecla; uma tecla que dispara repeat sem você segurar pode ter contato preso; teclas que "somem" quando você aperta muitas juntas revelam o limite de rollover (ghosting) do hardware. Lembre que alguns atalhos do sistema (como as teclas de mídia ou combinações reservadas) podem não chegar ao navegador.
Cole o código no seu HTML e a ferramenta aparece na sua página, sem a navegação e sem os anúncios do J-Kit. Ela continua rodando no navegador de quem visita o seu site.
<iframe
src="https://jkit.tools/embed/pt-BR/teste-teclado"
width="100%"
height="600"
style="border:0"
loading="lazy"
title="Teste de Teclado"
></iframe>Estas referências ajudam a contextualizar fórmulas, padrões, APIs e limitações usadas nesta página. Elas não substituem validação profissional quando o resultado tiver impacto jurídico, financeiro, médico ou operacional.
key segue o caractere produzido, que muda com o layout e os modificadores; code segue a posição física da tecla, que é sempre a mesma. Por isso a mesma tecla física pode gerar letras diferentes em layouts diferentes.
As teclas são processadas localmente e não são registradas fora da aba.