JavaScript

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

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

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

サンプルソース

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

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

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

実行サンプル

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

keyCode:

解説

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

スポンサーリンク

スポンサーリンク

-JavaScript
-

執筆者:


comment

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

関連記事

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

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

[JavaScript] 数値文字列を数値型に変換する

数値文字列を数値型に変換するサンプルです。 サンプル 例)数値文字列を数値型に変換する [crayon-5da3832d ...

[JavaScript] セレクトボックスの選択を位置付ける

セレクトボックスの選択を位置付けるサンプルです。 インデックス番号で位置付ける方法と、value値で位置付ける方法の2種 ...

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

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

[JavaScript] クリック イベントを取得する(onClick)

クリックイベントを取得するには、onclickイベントハンドラを使用します。 サンプルソース ボタンを押すとアラートを表 ...

スポンサーリンク