JavaScript

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

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

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

サンプルソース

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

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

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

実行サンプル

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

keyCode:

解説

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

スポンサーリンク

スポンサーリンク

-JavaScript
-

執筆者:


comment

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

関連記事

[JavaScript] 枠線を設定する

JavaScriptで枠線を設定するサンプルです。 サンプルソース 例)ボタンを押すごとにid="target"要素の枠 ...

[JavaScript] 右クリック時に処理を行う(oncontextmenu)

右クリック時に処理を行うには、oncontextmenuイベントを使用します。 サンプルソース 例)右クリックすると画面 ...

[JavaScript] ASCIIコードから文字列に変換する(String.fromCharCode)

ASCIIコードから文字列に変換するには、String.fromCharCodeを使用します。 サンプルソース 例)AS ...

[JavaScript] オブジェクト(連想配列)の要素数を取得する

オブジェクト(連想配列)の要素数を取得するサンプルです。 オブジェクト(連想配列)の要素数を取得する オブジェクト(連想 ...

[JavaScript] テキストの選択開始時イベントを取得する(onSelectStart)

テキストの選択開始時イベントを取得するには、onselectstartを使用します。 IE、Edgeでのみ動作します。 ...

スポンサーリンク