Tecla ShiftLeft — keyCode 16 (JS)

Modificadoras

ShiftLeft tem keyCode 16 e key Shift, em location 1. Divide esse número com ShiftRight.

Sozinhas não fazem nada e se apoiam em outras. Esquerda e direita dividem o keyCode.

code (posição): ShiftLeft
key (layout dos EUA): Shift
keyCode (obsoleto): 16
Hexadecimal: 0x10
location: 1 · Esquerda
Digita um caractere: Não
Divide keyCode com: ShiftRight

No código

Comparar com code continua funcionando mesmo se o layout mudar.

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

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

ShiftRight ControlLeft ControlRight

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

16, ou 0x10 em hexadecimal.

Q. Como detecto ShiftLeft no código?

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

Q. Qual é o location desta tecla?

1. Ela divide o keyCode com ShiftRight, então esse valor é o que as separa.

Q. Esta tecla digita um caractere?

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