Qual é a diferença entre chave e código?

event.key é o personagem produzido (por exemplo, 'a' ou 'A'), enquanto evento. código é a chave física pressionada (por exemplo, 'KeyA'). Use a chave para entrada de caracteres, código para atalhos físicos independentes de layout.

O keyCode está obsoleto?

Sim. keyCode está desactualizado na especificação, mas ainda amplamente suportado. Use chave ou código para novo código.

Isto funciona com chaves modificadoras?

Sim. Shift, Ctrl, Alt, Meta, CapsLock e todas as outras teclas são suportadas. A ferramenta também mostra o estado modificador.

Informação do Código de Teclado

Pressione qualquer tecla para ver todas as suas propriedades de evento de teclado JavaScript: chave, código, chaveCode, que, charCode, e muito mais.

Click here and press any key…

Was this tool helpful?

Send output to:

How to use Keycode Info

Clique na área de entrada (ou apenas comece a pressionar as teclas).
Pressione qualquer tecla para ver suas propriedades de evento.
Use os valores exibidos em seu código JavaScript.

O que é {nome}?

JavaScript eventos de teclado carregam várias propriedades (chave, código, keyCode, que, charCode, localização) que podem ser confusos. Esta ferramenta mostra todas as propriedades para qualquer tecla que você pressione, tornando fácil encontrar o valor certo para seus manipuladores de eventos.

Pressione qualquer tecla — incluindo teclas modificadoras, teclas de função e caracteres especiais — para ver uma completa desagregação das propriedades do evento. Útil para criar atalhos de teclado, controles de jogo e recursos de acessibilidade.

FAQ

Qual é a diferença entre chave e código?: event.key é o personagem produzido (por exemplo, 'a' ou 'A'), enquanto evento. código é a chave física pressionada (por exemplo, 'KeyA'). Use a chave para entrada de caracteres, código para atalhos físicos independentes de layout.
O keyCode está obsoleto?: Sim. keyCode está desactualizado na especificação, mas ainda amplamente suportado. Use chave ou código para novo código.
Isto funciona com chaves modificadoras?: Sim. Shift, Ctrl, Alt, Meta, CapsLock e todas as outras teclas são suportadas. A ferramenta também mostra o estado modificador.

Related tools

Author

Marcus Webb"The DevTool Craftsman"

Full-Stack Developer & Tools Architect

Marcus has been writing code since the dial-up era. He has contributed to open-source developer tools, built CI/CD pipelines for startups, and debugged production incidents at 3 AM more times than he would like to admit. His philosophy is that the best developer tool is the one that gets out of your way, and he writes about practical tooling that helps teams ship faster with fewer headaches.

📖 Keycode Info on Wikipedia·Developer Tools on Wikipedia·Keycode Info on Britannica

People also use

← Back to Developer Tools · All tags

Informação do Código de Teclado

Something went wrong

How to use Keycode Info

O que é {nome}?

FAQ

Related tools

Author

People also use

Ad blocker detected

Keyboard shortcuts