Tecla ArrowDown — keyCode 40

En código

Comparar contra code sigue funcionando aunque cambie la distribución.

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

code frente a key

code es la posición física, igual en un teclado coreano o francés. key es lo que se escribe y cambia: el mismo sitio da a, A o ㅁ. Usa code para saber qué sitio se pulsó y key para saber qué se escribió.

keyCode quedó fuera del estándar. Escribe código nuevo con code o key; los números de aquí sirven para leer código antiguo.

Teclas del mismo tipo

Cómo leerlo

• code es la posición y key el carácter escrito. Para atajos, compara con code.
• keyCode está obsoleto; úsalo solo para leer código antiguo.
• Shift izquierdo y derecho comparten keyCode y se distinguen por location.
• El 1 de la fila y el 1 del teclado numérico son teclas distintas: 49 y 97.