Testar teclado
Aperte qualquer tecla e ela acende no teclado da tela. As que você já apertou ficam coloridas, então dá para percorrer o teclado inteiro e achar a que não responde. Nada é salvo.
Funciona no seu navegador: nada do que você digita é enviado para lugar nenhum.
Como usar
- Clique em uma área vazia da página para ela receber as teclas e aperte uma.
- A tecla fica escura enquanto você segura e depois fica colorida. Percorra assim cada fileira.
- O painel mostra o nome da tecla, o código físico e se é a versão esquerda, direita ou do teclado numérico.
- Limpar apaga as cores e a lista.
Como funciona
A página escuta os eventos de apertar e soltar tecla. A casa do desenho é escolhida por event.code, que identifica a tecla física independentemente do idioma do layout, então um teclado ABNT2 acende os mesmos lugares que um americano.
O número de teclas simultâneas é limitado pelo hardware: se um teclado barato não consegue enviar muitas ao mesmo tempo, ao segurar várias algumas deixam de acender. É um limite do teclado, não da página.
Exemplo
Aperte o Shift esquerdo e depois o Ç. Primeiro o painel mostra a tecla Shift, o código ShiftLeft e a posição Esquerda, e a casa do Shift esquerdo escurece. Depois, a tecla Ç, o código Semicolon e a posição Normal. Aperte o Shift direito e o código passa a ShiftRight: as duas teclas são diferenciadas.
Dicas
- Teclas de acento. No ABNT2, o acento agudo e o til são teclas “mortas”: sozinhas elas não escrevem nada, e o navegador costuma informar a tecla como
Dead. O código continua mostrando qual tecla física você apertou.
- Ghosting. Alguns teclados perdem uma tecla quando várias estão apertadas ao mesmo tempo. Teste as combinações que você usa nos seus jogos.
- Teclas travadas. Se uma casa continua escura depois de soltar a tecla, ela está travada ou a janela perdeu o foco; clique na página e aperte de novo.
Perguntas frequentes
Qual é a diferença entre tecla e código?
A tecla (key) é o caractere ou a função que o toque produz, como "ç" ou Enter, e depende do layout e do Shift. O código (code) dá nome à tecla física, como KeyA, onde quer que ela esteja. O desenho acende pelo código, então funciona com qualquer layout.
Onde fica o Ç no desenho?
O desenho segue um teclado QWERTY americano. No teclado ABNT2, o Ç fica no lugar onde o americano tem o ponto e vírgula, então ao apertar o Ç acende essa casa e o código é Semicolon.
Meu teclado ABNT2 tem teclas a mais. Elas aparecem?
O ABNT2 tem teclas que o desenho americano não mostra, como a de barra invertida ao lado do Shift esquerdo e a de barra perto do Shift direito. Elas são recebidas normalmente: o painel mostra a tecla e o código e avisa que ela não está no desenho.
Uma tecla não acende. Ela está quebrada?
Pode ser. Aperte várias vezes e teste em outro programa. Algumas teclas de notebook, como Fn, são tratadas pelo próprio teclado e nunca chegam ao navegador, e o sistema pode capturar alguns atalhos.
Por que algumas teclas não fazem nada na página?
Enquanto a página está aberta, Espaço, Tab e as setas não rolam a página nem mudam o foco, para você poder testá-las. Atalhos com Ctrl, Alt ou a tecla Windows ou Command continuam chegando ao navegador.
O que eu digito é registrado?
Não. A página só guarda, para mostrar na tela, os últimos toques, e esquece tudo ao limpar ou sair. Nada é enviado.