Info de Teclas
Pressione qualquer tecla, veja key, code e keyCode na hora
- tecla
- —
- codigo
- —
- keyCode
- —
- which
- —
- posicao
- —
✦ Tres nomes para cada tecla
Uma tecla gera tres identificadores: key (o caractere, depende do layout), code (a posicao fisica, independente) e o numero legado keyCode. Confundir e o classico bug de atalho, funciona no seu teclado e quebra no colega porque leu key onde precisava code.
O que esta ferramenta faz
- ⌨️ Mostra key, code, keyCode, which e location de qualquer tecla
- 🔍 Distingue modificadores esquerdo e direito e teclas numericas
- 📋 Valores atualizam ao vivo, prontos para copiar ao codigo
- ⚡ Zero setup, clique e pressione
Quando usar
- Depurando por que um atalho dispara ou nao
- Escrevendo controles de jogo independentes de layout
- Checando o que um teclado exotico envia
Privacidade: teclas sao lidas localmente e exibidas, nada e gravado ou enviado.
Última atualização · 2026-09-01
Como a inspecao funciona
Propriedades nativas do evento de teclado sao lidas direto com rotulo amigavel de Espaco e decodificacao de posicao. Ouvintes ficam no campo e no documento, teclas valem em todo lugar razoavel.
Por que inspecionar aqui?
Cinco identificadores de uma vez
key, code, keyCode legado, which e location juntos por tecla, o quadro completo que outros dividem em abas.
Entende modificadores
Shift, Ctrl e Alt esquerdo vs direito e teclas numericas reportam codigos e posicoes distintos, exato onde bugs de atalho se escondem.
Debug sem atrito
Sem form, sem botao: clique e pressione. Valores ficam na tela para copiar direto aos handlers.
Perguntas frequentes
key vs code, qual a diferenca?⌄
key e o que a tecla produz (depende do layout: q num teclado ingles, a num frances, mesma tecla fisica), code nomeia a posicao fisica independente de layout. Jogos e atalhos devem ouvir code.
keyCode esta obsoleto?⌄
Sim, oficialmente, mas todo framework e tutorial antigo ainda mostra, entao a pagina exibe junto dos valores modernos para conferir.
Por que Shift esquerdo e direito diferem?⌄
Partilham o nome mas reportam codigos diferentes e posicoes 1 vs 2, exato o detalhe para atalhos com modificador especifico.
Perguntas frequentes
key vs code, qual a diferenca?
key e o que a tecla produz (depende do layout: q num teclado ingles, a num frances, mesma tecla fisica), code nomeia a posicao fisica independente de layout. Jogos e atalhos devem ouvir code.
keyCode esta obsoleto?
Sim, oficialmente, mas todo framework e tutorial antigo ainda mostra, entao a pagina exibe junto dos valores modernos para conferir.
Por que Shift esquerdo e direito diferem?
Partilham o nome mas reportam codigos diferentes e posicoes 1 vs 2, exato o detalhe para atalhos com modificador especifico.