Informações do Código
Detecte códigos de teclas JavaScript, valores de teclas e modificadores instantaneamente. Encontre as propriedades keyCode, code, location para qualquer tecla pressionada em tempo real.
Guia
Esta ferramenta é uma utilidade simples do lado do cliente para detetar e exibir as propriedades de qualquer tecla que pressione. Foi projetada para programadores, designers e qualquer pessoa que precise encontrar rapidamente informações sobre eventos de teclado. A ferramenta opera em tempo real, fornecendo instantaneamente as propriedades da tecla sem enviar nenhum dado pela internet.
Como funciona
Basta clicar em qualquer lugar da página e pressionar uma tecla no seu teclado. A ferramenta captura o evento de teclado e mostra uma análise das suas propriedades, incluindo:
- Tecla: O valor da tecla, como
a
,Enter
, ouShift
. - Keycode: Um valor numérico que corresponde à tecla pressionada. Observação: Esta propriedade é considerada obsoleta, mas ainda é útil para aplicações web mais antigas.
- Código: Um identificador de tecla física que não é afetado pelo layout do teclado. Por exemplo, pressionar
q
num layout QWERTY ea
num layout AZERTY ambos retornarão o códigoKeyQ
. Isso é particularmente útil para construir jogos ou aplicações onde a localização física da tecla importa mais do que o caractere que ela produz. - Localização: Um inteiro que especifica a localização da tecla no teclado (por exemplo,
1
para teclas do lado esquerdo,2
para teclas do lado direito e0
para teclas não localizadas). - Modificadores: Uma lista de quaisquer teclas modificadoras que também estão a ser pressionadas, como
Meta
(a tecla Windows ou Command),Alt
,Control
, ouShift
.
Casos de uso
- Desenvolvimento web: Depure e teste rapidamente eventos de teclado para aplicações web, jogos e formulários.
- Design da Interface do Utilizador: Determine combinações de teclas para atalhos e hotkeys.
- Finalidade educacional: Saiba como os eventos de teclado são tratados em JavaScript e as diferentes propriedades de uma tecla pressionada.
- Compatibilidade entre navegadores: Teste como diferentes navegadores lidam com eventos de tecla e identifique possíveis problemas.
Instale nossas extensões
Adicione ferramentas de IO ao seu navegador favorito para acesso instantâneo e pesquisa mais rápida
Ferramentas essenciais
Ver tudo Novas chegadas
Ver tudoAtualizar: Nosso ferramenta mais recente foi adicionado em Set 23, 2025