Anúncios incomodam? Ir Sem anúncios Hoje

Informações do Código

DesenvolvedorTexto

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.

ANÚNCIO · REMOVER?

Pressione uma tecla para obter informações

Pressione qualquer tecla...
Propriedade Valor
Tecla
Código da Tecla
Código
Localização
Modificadores
ANÚNCIO · REMOVER?

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, ou Shift.
  • 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 e a num layout AZERTY ambos retornarão o código KeyQ. 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 e 0 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, ou Shift.

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.

ANÚNCIO · REMOVER?
Quer eliminar anúncios? Fique sem anúncios hoje mesmo

Instale nossas extensões

Adicione ferramentas de IO ao seu navegador favorito para acesso instantâneo e pesquisa mais rápida

Ao Extensão do Chrome Ao Extensão de Borda Ao Extensão Firefox Ao Extensão Opera
ANÚNCIO · REMOVER?
ANÚNCIO · REMOVER?
ANÚNCIO · REMOVER?

Notícias com destaques técnicos

Envolver-se

Ajude-nos a continuar fornecendo ferramentas gratuitas valiosas

Compre-me um café
ANÚNCIO · REMOVER?