keyCode 112

Tecla F1 — keyCode 112 (JS)

Teclas F

F1 tem keyCode 112 e key F1, em location 0.

F1 é 112, F2 é 113, e assim por diante.

code (posição): F1
key (layout dos EUA): F1
keyCode (obsoleto): 112
Hexadecimal: 0x70
location: 0 · Padrão
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 === 'F1') {
    // F1
  }
});

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

F2 F3 F4

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 F1?

112, ou 0x70 em hexadecimal.

Q. Como detecto F1 no código?

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

Q. Qual é o location desta tecla?

Q. Esta tecla digita um caractere?

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