JavaScriptでのキー押下の取得

Eventオブジェクトを使用して、 押されたキーを取得することができます。 その方法を見てみましょう。 まず、インプットフィールドがあるとします：

html<input>

変数にその要素への参照を取得します：

javascriptlet elem = document.querySelector('input');

キーが押されるたびに発火するイベントを インプットフィールドに設定します：

javascriptelem.addEventListener('keypress', function(event) {
  
});

イベントオブジェクトの key プロパティには 押された文字が格納されます：

javascriptelem.addEventListener('keypress', function(event) {
  console.log(event.key);
});

また、code プロパティには 押されたキーのコードが格納されます：

javascriptelem.addEventListener('keypress', function(event) {
  console.log(event.code);
});