Keyboard Key Code Viewer
Pressione qualquer tecla para obter o KeyCode JavaScript
Propriedades do evento
Histórico recente
Ferramentas recomendadas
Utilitários selecionados que você pode achar úteis
Encontrar o key code de JavaScript de qualquer tecla
Visão Geral
Ao construir interações de teclado na web, você precisa saber exatamente que valor uma tecla produz — seu `key`, `code` e o legado `keyCode`. Um visualizador de key codes os mostra ao vivo: pressione qualquer tecla e ele exibe os identificadores que seu JavaScript verá. Esta ferramenta captura eventos de teclado no navegador para você ligar atalhos e manipuladores sem adivinhar.
Como usar (passo a passo)
- 1
Foque a ferramenta e pressione uma tecla
Clique no visualizador e pressione qualquer tecla ou combinação que queira inspecionar.
- 2
Leia os identificadores
Veja o `key`, `code`, `keyCode` e quais modificadores estavam pressionados.
- 3
Use a propriedade certa
Copie o valor que casa com seu manipulador — geralmente `key` para caracteres, `code` para posições físicas de tecla.
Como Funciona
A ferramenta escuta eventos de teclado e, ao pressionar uma tecla, lê as propriedades do evento: `key` (o caractere ou nome, como 'a' ou 'Enter'), `code` (a tecla física, como 'KeyA'), o numérico `keyCode` (obsoleto mas ainda visto) e os estados de modificadores (Shift, Ctrl, Alt, Meta). Ela os mostra na hora. Tudo roda localmente no navegador — nenhuma tecla é registrada ou enviada.
Quando usar
Construir um atalho de teclado e precisar do `key` ou `code` exato para casar. Depurar por que um manipulador não dispara com certa tecla. Distinguir teclas que compartilham caractere entre layouts. Detectar combinações de modificadores para um atalho. Aprender a diferença entre `key`, `code` e `keyCode`. Verificar o que uma tecla especial ou de mídia reporta.
Perguntas Frequentes
`key` é o valor produzido, afetado por layout e modificadores (Shift+a dá 'A'). `code` é a posição física da tecla, não afetada pelo layout (sempre 'KeyA' para aquela tecla). Use `key` para caracteres e `code` para atalhos de posição física como WASD.
Notas Importantes
Algumas teclas se comportam de forma diferente entre navegadores, sistemas operacionais e layouts de teclado — sobretudo teclas mortas, entrada por IME e teclas de mídia. Teste nas suas plataformas-alvo em vez de supor que os valores de uma máquina valem em todo lugar.