1001Ferramentas
⌨️ Dev

Keycode Info

Pressione qualquer tecla e veja `event.key`, `event.code`, `keyCode`, `which` e `location`. Útil para criar atalhos, jogos e formulários que reagem a teclado. Tudo no navegador.

Pressione qualquer tecla com este painel em foco.

event.key
event.code
event.keyCode (legacy)
event.which (legacy)
event.location
Modificadores

Descubra o código de qualquer tecla

Quem programa interações de teclado em JavaScript precisa saber com exatidão quais valores cada tecla dispara. A ferramenta mostra isso na tela: pressione qualquer tecla e os campos do evento aparecem todos juntos, event.key, event.code, keyCode, which e location.

Para criar atalhos, jogos que reagem ao teclado, formulários com navegação customizada ou qualquer recurso que capture teclas, isso é fundamental. Em vez de consultar tabelas desatualizadas (o keyCode, por exemplo, já está obsoleto), você enxerga os valores reais que o navegador entrega para aquela tecla específica.

Roda inteiramente no navegador, sem instalar nada. Funciona como uma referência viva para o desenvolvedor front-end depurar eventos de teclado com precisão.

Ferramentas Relacionadas