JavaScriptのキーボードの入力を受け取る方法

キーボードのイベントには「onkeydown」「onkeypress」「onkeyup」の3種類あります。

onkeydownイベント

ユーザーがキーを押したときにイベントが発生します。

書き方

HTML

例:input要素に対してイベントが発生するようにさせた場合

JavaScript

onkeypressイベント

ユーザーがキーを押して離したときにイベントが発生します。

HTML

例:input要素に対してイベントが発生するようにさせた場合

JavaScript

onkeyupイベント

ユーザーがキーを離したときにイベントが発生します。

HTML

例:input要素に対してイベントが発生するようにさせた場合

JavaScript

通常イベントの発生する順番は。onkeydown → onkeypress → onkeyup の順ですが、ブラウザによって若干異なります。

また、この3つのイベントは(イベント名).keyCodeプロパティでキーコードと呼ばれる、キーボードの文字を数字に変換したもの取得することができます。


Welcome to UX MILK

UX MILKはより良いサービスやプロダクトを作りたい人のためのメディアです。

このサイトについて

UX MILKのディレクター募集