Pressione uma tecla para identificá-la e verificar os valores enviados pelo navegador nos eventos keydown e keyup. O teste mostra key, code, o antigo keyCode, location, repeat e as propriedades modificadoras ctrlKey, shiftKey, altKey e metaKey. Todos os dados são processados localmente no navegador.
keydownkeyupAo pressionar uma tecla física, ocorre keydown; ao soltá-la, ocorre keyup. A página registra os dois eventos e é útil para testar atalhos, jogos, formulários, acessibilidade e teclados especiais.
| Propriedade | Significado |
|---|---|
key |
Caractere ou ação produzida, como a, A ou Enter. |
code |
Posição física, como KeyA ou NumpadEnter. |
keyCode |
Valor numérico obsoleto, exibido por compatibilidade. |
location |
Distingue posição padrão, esquerda, direita e teclado numérico. |
repeat |
Passa a true quando uma tecla mantida começa a se repetir. |
| Modificadores | ctrlKey, shiftKey, altKey e metaKey. |
key, code e keyCodeUse key quando o caractere ou a ação resultante importar. Use code quando a posição física importar, por exemplo nos controles de um jogo. keyCode e which são obsoletos e podem variar entre navegadores e sistemas.
| Tecla | key |
code |
keyCode |
|---|---|---|---|
| Enter | Enter |
Enter |
13 |
| Escape | Escape |
Escape |
27 |
| Espaço | " " |
Space |
32 |
| Seta esquerda | ArrowLeft |
ArrowLeft |
37 |
| Seta para cima | ArrowUp |
ArrowUp |
38 |
| Seta direita | ArrowRight |
ArrowRight |
39 |
| Seta para baixo | ArrowDown |
ArrowDown |
40 |
| A | a ou A |
KeyA |
65 |