Tecla ArrowLeft — keyCode 37 (JS)

No código

Comparar com code continua funcionando mesmo se o layout mudar.

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

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.