備忘録的プログラミングリファレンス

keydown(onkeydown) イベント

KeyboardEvent

　keydown ( onkeydown ) イベントは、キーボードのキーを押すと発生する KeyboardEvent インターフェイスのイベントです。 キーボード入力が許可された input 、textarea などの form エレメントが対象です。

　全てのキーに反応します。

keydown イベントを追加
document.getElementById('example').addEventListener("keydown", (event)=>{
	console.log( 'event type : ' + event.type );
});
詳しくは Example を参照してください

　formエレメント以外のエレメントにKeybordイベントを設定するには、Keyboardイベント「formエレメント以外のKeyboadイベントの設定」を参照して下さい。

　押されたキーを取得するには、event.key 、 event.code プロパティなどを使用します。詳しくは KeyboardEvent インターフェイスのプロパティを参照してください。

構文（Syntax）

in HTML

<tagelement onkeydown="function()">

in JavaScript

object.onkeydown = function(){ };

object.addEventListener("keydown", script_);

備考（Remarks）

BubblesYes
CancelableYes
InterfaceKeyboardEvent
Supported HTML ElementsALL HTML elements

Example

確認ボタンをクリックしてください。以下のHTML,CSS,Scriptコード例が実行されます。