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

keydown ( onkeydown )イベント

 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.keyevent.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コード例が実行されます。