JavaScript

[JavaScript] keydownイベントを取得する(onkeydown)

投稿日:2017年8月19日 更新日:

JavaScriptでkeydownイベントを取得するサンプルです。

サンプルソース

例1)テキストボックス上でキーを押すとkeycodeをコンソールに表示する


以下の書き方でもOKです。

例2)テキストボックス上でキーを押すとkeycodeをコンソールに表示する

実行サンプル

キーを押すとキーコードが表示されます。

keyCode:

解説

  • キーダウンイベントを取得するには、onkeydownを使用します。
  • キーコードの一覧は以下ページをご覧ください。
    [JavaScript] キーコードの一覧
  • 同じようなメソッドに onKeyPressがあります。
    onKeyDownはESCキーやSHIFTキーなど文字が表示されないキーにも反応するのに対し、onKeyPressは文字が入力されないキーには反応しないという違いがあります。

スポンサーリンク

スポンサーリンク

-JavaScript
-

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

[JavaScript] ローカル時刻を取得する(.toLocaleString)

ローカル時刻を取得するには、.toLocaleString()を使用します。 サンプルソース 例)現在日時のローカル時刻 ...

[JavaScript] 履歴を残しつつページを遷移する(location.assign)

履歴を残しつつページを遷移するには、location.assign を使用します。 サンプルソース 例)ボタンを押すと、 ...

[JavaScript] 指定したページ数分履歴を移動する(history.go)

指定したページ数分履歴を移動するには、history.go()を使用します。 サンプルソース 例)指定したページ数分履歴 ...

[JavaScript] 配列の全要素に処理を行った結果を返す(.map)

配列の全要素に処理を行った結果を返すには、.map()を使用します。 サンプルソース 例)配列の各要素を10倍した配列を ...

[JavaScript] KeyUpイベントを取得する(onKeyUp)

JavaScriptでkeyupイベントを取得するサンプルです。 keyUpとは、押し下げたボタンを離した時に発生するイ ...

スポンサーリンク