キーコード·Digit3
3
Digit3
keyCode 51

Digit3 キーコード — keyCode 51

数字

Digit3のkeyCodeは51、keyは「3」、locationは0です。

数字の段です。テンキーの同じ数字とはkeyCodeが違います。

code(位置)
Digit3
key(US配列)
"3"
Shiftと一緒に
"#"
keyCode(非推奨)
51
16進数
0x33
location
0 · 標準
文字が入るか
はい
同じkeyCode
なし

コードでは

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

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

codeとkeyの違い

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

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

同じ仲間のキー

読み方

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

よくある質問

Q. Digit3のkeyCodeは?

51です。16進数では0x33。

Q. Digit3をコードでどう捉えますか?

e.code === 'Digit3' で比べてください。keyCodeで比べるとブラウザや配列で揺れます。

Q. このキーのlocationは?

0です。

Q. このキーで文字は入りますか?

はい。keyは「3」です。Shiftと一緒なら「#」です。