ArrowLeft キーコード — keyCode 37

コードでは

codeで比べておけば配列が変わっても同じ場所を捉えられます。

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

codeとkeyの違い

codeは自板の位置なので、ハングル配列でもフランス語配列でも同じ値です。keyはその瞬間に打たれる文字なので変わります——同じ場所を押してもa・A・ㅁになります。「どの場所を押したか」ならcode、「何が入ったか」ならkeyです。

keyCodeは標準から外れた値です。新しく書くコードではcodeかkeyを使い、ここの数字は古いコードを読むときに使ってください。

同じ仲間のキー

読み方

• codeは位置、keyは打たれる文字です。ショートカットはcodeで比べます。
• keyCodeは非推奨です。古いコードを読むときだけ使ってください。
• 左右のShiftはkeyCodeが同じで、locationで分かれます。
• 数字段の1とテンキーの1は別のキーです——49と97です。