キーボードイベント

JavaScriptでキーボードイベントを操作するための基本をご覧ください

キーボードイベントを操作するときのイベントには、次の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

Tech Wiki Online!