Localizador JavaScript KeyCode & Referência de Eventos
Encontre instantaneamente os valores numéricos keyCode, key e code de qualquer tecla pressionada. Nossa ferramenta interativa JS KeyCode ajuda os desenvolvedores a capturar entradas do usuário, criar atalhos de teclado e controlar jogos com precisão. Basta pressionar uma tecla para ver os dados do evento em tempo real.
Por que usar uma ferramenta KeyCode?
No desenvolvimento web, lidar com eventos do teclado é essencial para acessibilidade e experiência do usuário. Esta ferramenta fornece os três valores críticos necessários para addEventListener:
- event.key: O caractere real produzido (ex.:
"a", "Enter", "ArrowUp").
- event.code: A tecla física no teclado (ex.:
"KeyA", "NumpadEnter").
- event.keyCode (Legado): O código numérico associado à tecla (ex.:
13 para Enter, 27 para Escape).
Eventos modernos vs antigos
Embora muitos tutoriais antigos usem event.keyCode, o padrão web moderno utiliza event.key e event.code para melhor suporte entre navegadores e internacional.
- Obsoleto:
keyCode, which, charCode.
- Padrão moderno:
key (baseado no valor) e code (baseado na posição).
KeyCodes JavaScript comuns
| Tecla |
keyCode |
Valor .key |
Valor .code |
| Enter |
13 |
"Enter" |
"Enter" |
| Escape |
27 |
"Escape" |
"Escape" |
| Space |
32 |
" " |
"Space" |
| Arrow Up |
38 |
"ArrowUp" |
"ArrowUp" |
| Tab |
9 |
"Tab" |
"Tab" |
Como usar o KeyCode Finder
- Foco: Clique no campo para ativá-lo.
- Pressione: Pressione qualquer tecla.
- Inspecione: A tela será atualizada imediatamente com o código numérico e os valores de string para este evento.
- Implemente: Copie os valores diretamente para seus
if ou switch.
Nota para desenvolvedores: Todos os eventos são detectados localmente no navegador através de um listener keydown. Nenhum dado é enviado aos nossos servidores.