業務備忘録

備忘録です

JavaScriptのkeydownイベント

2023-07-11 21:36:21 | 日記

addEventListnerなどから、イベントを扱う場合、イベントが発生したタイミングでイベントオブジェクトが作成される。

Eventオブジェクトには

Event.timeStamp...イベントが生成された時刻をミリ秒単位で示す

Event.bubbles...イベントがDOMを通してバブリングするかどうか示す

などのプロパティがある。

もちろん、イベントにはclickやkeydownなど多種多様なイベント型が用意されているが、それぞれのイベント型はEventオブジェクトを継承している。

keydownイベントの場合。

KeyboardEvent.altkey...altが押下されていればtrue

KeyboardEvent.ctrlkey...ctrlが押されていればtrue

KeyboardEvent.key...押下したキーのキー値を表す

KeyboardEvent.location...押下したキーに対応した定数値を返す(Enterは13)

KeyboardEvent.code...キーボードレイアウトにかかわらず、キーボード上の物理的なキーを返す。