キーボードイベント

キーボードイベントを操作するときのイベントには、次の3つのタイプがあります。

• keydownキーボードのキーが押されました
• keyupキーボードのキーが解放されました

keydownボタンが押されている間にキーが繰り返されたときにも発生しますとどまる押された。

マウスとタッチのイベントは通常、特定の要素でリッスンされますが、キーボードのイベントは一般的にリッスンされます。資料：

document.addEventListener('keydown', event => {
  // key pressed
})

イベントリスナーに渡されるパラメータはKeyboardEvent。

このイベントオブジェクトは、イベントオブジェクトのプロパティ（とりわけ）これらのユニークなプロパティを提供します：

• altKeyイベントが発生したときにAltキーが押された場合はtrue
• code押されたキーのコード。文字列として返されます
• ctrlKeyイベントが発生したときにCtrlキーが押された場合はtrue
• key押されたキーの値。文字列として返されます
• localeキーボードのロケール値
• locationインクルードキーの場所キーボード上
• metaKeyイベントが発生したときにメタキーが押された場合はtrue
• repeatキーが繰り返された場合はtrue（たとえば、キーが解放されていない場合）
• shiftKeyイベントが発生したときにShiftキーが押された場合はtrue

このデモは、上記のいくつかのプロパティの値を表示するキーロガーです。

ペンを見るキーロガーのデモフラビオ・コープス（@flaviocopes） オンCodePen。