Códigos de tecla·ArrowRight
ArrowRight
ArrowRight
keyCode 39

Tecla ArrowRight — keyCode 39 (JS)

Navegação

ArrowRight tem keyCode 39 e key ArrowRight, em location 2.

Não digitam nada; só movem o cursor.

code (posição)
ArrowRight
key (layout dos EUA)
ArrowRight
keyCode (obsoleto)
39
Hexadecimal
0x27
location
2 · Direita
Digita um caractere
Não
Divide keyCode com
Nenhum

No código

Comparar com code continua funcionando mesmo se o layout mudar.

window.addEventListener('keydown', e => {
  if (e.code === 'ArrowRight') {
    // ArrowRight
  }
});

code versus key

code é a posição física, a mesma num teclado coreano ou francês. key é o que se digita e muda — o mesmo lugar dá a, A ou ㅁ. Use code para saber qual lugar foi pressionado e key para saber o que entrou.

keyCode saiu do padrão. Escreva código novo com code ou key; os números daqui servem para ler código antigo.

Teclas do mesmo tipo

Como ler

  • code é a posição e key o caractere digitado. Para atalhos, compare com code.
  • keyCode está obsoleto; use apenas para ler código antigo.
  • Shift esquerdo e direito dividem o keyCode e se separam por location.
  • O 1 da linha e o 1 do teclado numérico são teclas diferentes: 49 e 97.

Perguntas frequentes

Q. Qual é o keyCode de ArrowRight?

39, ou 0x27 em hexadecimal.

Q. Como detecto ArrowRight no código?

Compare com e.code === 'ArrowRight'. Comparar por keyCode oscila entre navegadores e layouts.

Q. Qual é o location desta tecla?

2.

Q. Esta tecla digita um caractere?

Não. key é ArrowRight e nada é digitado.