JavaScript

[JavaScript] keypressイベントを取得する(onKeyPress)

投稿日:2017年10月7日 更新日:

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

サンプルソース

例1)テキストボックスでキーを押すとキーコードが表示される

例2)テキストボックスでキーを押すとキーコードが表示される

例1、例2どちらも同じ動きをします。

実行サンプル

テキストボックス上でキーを押すとキーコードが表示されます。

keyCode:

解説

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

スポンサーリンク

スポンサーリンク

-JavaScript
-

執筆者:


comment

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

関連記事

[JavaScript] 子要素の件数を取得する(.childElementCount)

子要素の件数を取得するには、.childElementCountを使用します。 サンプルソース 例)リストの数を取得する ...

[JavaScript] 要素の集合体をを配列として取得する(Array.from)

要素の集合体をを配列として取得するには、Array.fromを使用します。 サンプルソース 例)"c1"クラスを持つ要素 ...

[JavaScript] HTML内のタグをを動的に変更する(innerHTML)

HTML内の文字を動的に変更するには、innerHTMLを使用します。 サンプル 例)id="area1"の要素にHTM ...

[JavaScript] 数値の正数、ゼロ、負数を判定する(Math.sign)

数値の正数、ゼロ、負数を判定するには、Math.sign()を使用します。 構文 (aが正数かゼロか負数を判定する) v ...

[JavaScript] 全角カナ→半角カナに変換する

全角カナ→半角カナに変換するFunctionです。 サンプルソース 例)全角カナ文字を半角カナ文字に変換する [cray ...

スポンサーリンク