JavaScript

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

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

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

サンプルソース

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

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

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

実行サンプル

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

keyCode:

解説

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

スポンサーリンク

スポンサーリンク

-JavaScript
-

執筆者:


comment

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

関連記事

[JavaScript] 配列の最後の要素を取り出す(.pop)

配列の最後の要素を取り出すには、.pop()を使用します。 サンプルソース 例)配列の末尾の要素を取得する [crayo ...

[JavaScript] 文字列の末尾の文字を削除する

文字列の末尾の文字を削除するサンプルです。 サンプルソース 例)文字列の末尾の文字を削除する [crayon-5c486 ...

[JavaScript] Enterキーでフォーカス移動する

Enterキーでフォーカス移動するサンプルです。 サンプルソース 例)Enterキーを押すとフォーカス移動する [cra ...

[JavaScript] 正規表現で文字チェックを行う

正規表現を使って文字チェックを行うサンプルです。 サンプルソース 例)正規表現パターンと一致判定を行う [crayon- ...

[JavaScript] ブラウザの新規タブにopen.windowする

ブラウザの新規タブにopen.windowするには、 オプションを指定せずにopen.windowすればOKです。 サン ...

スポンサーリンク