Iniciação rápida
-
Concentre a área
Clique na caixa tracejada para que a página receba eventos-chave.
-
Pressione as teclas
Os cartões abaixo são atualizados com cada tecla pressionada.
Informação Keycode
Pressione qualquer tecla para inspecionar teclas, códigos, modificadores e muito mais para atalhos e depuração de entrada do jogo.
Privacidade: processado localmente, nunca carregado.
↓ Colar na área de entrada abaixo para ver os resultados instantaneamente
按下任意键…
等待按键
Notas
说明
监听 window keydown 事件。keyCode/which 为遗留属性，新代码请优先使用 code 与 key。
Pressione qualquer tecla para inspecionar teclas, códigos, modificadores e muito mais para atalhos e depuração de entrada do jogo.
Código vs chave
O código é a física da tecla; a tecla é o personagem e varia com o layout do teclado.
Características e casos de uso
Pressione qualquer tecla para ver o estado de tecla, código, keyCode, que e modificador para eventos de teclado do navegador.
Use ao criar atalhos, depurar diferenças de teclas do sistema operacional ou testar a navegação do teclado game / a11y.
Fluxo de trabalho típico
Ao depurar atalhos, abra a página e pressione a combinação de teclas de destino (por exemplo, Ctrl + S). A ferramenta exibe keyCode, código e propriedades de chave, mostrando como os navegadores interpretam a entrada. Para chaves especiais (como chaves de função ou de mídia), você pode verificar instantaneamente se elas são detectadas corretamente.
Para desenvolvimento de jogos, teste as respostas-chave WASD. Observe a diferença entre o código (por exemplo, KeyW) e os valores da chave (w / W). Com estados modificadores, como shiftKey, você pode depurar com precisão a lógica de movimento para evitar comportamentos sensíveis a maiúsculas ou com Shift.
Exemplos
Exemplo
Input
Press Enter
Output
key: Enter, code: Enter
FAQ
Por que evitar o default?
Parar alguns atalhos do navegador durante a demonstração; apenas nesta página de ferramentas.
Por que a minha pressão chave não está mostrando?
Alguns atalhos do sistema (como as teclas Win / Cmd) podem ser interceptados pelo sistema operacional. Tente testar no modo de tela cheia do navegador ou com teclas regulares. Para teclados Bluetooth, verifique a conexão. Os navegadores mais antigos podem não ter suporte para a API KeyboardEvent.