JavaScript

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

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

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

サンプルソース

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

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

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

実行サンプル

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

keyCode:

解説

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

スポンサーリンク

スポンサーリンク

-JavaScript
-

執筆者:


comment

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

関連記事

[JavaScript] 相対指定でページをスクロールする(window.scrollBy)

相対指定でページをスクロールするには、window.scrollBy() を使用します。 構文 (window.scro ...

[JavaScript] スクロール イベントを取得する(onScroll)

スクロールイベントを取得するには、onscrollイベントハンドラを使用します。 サンプルソース スクロールすると、スク ...

[JavaScript] 小数値の小数点以下の桁数を取得する

小数値の小数点以下の桁数を取得するサンプルFunctionです。 サンプルソース 例)小数点以下の桁数を取得する [cr ...

[JavaScript] ファイルコントロールの値をクリアする

ファイルコントロールの値をクリアするには、value値にブランクをセットすればOKです。 サンプルソース 例)ボタンを押 ...

[JavaScript] 画像が読込み中かどうかチェックする

画像が読込み中かどうかチェックするサンプルです。 サンプルソース 例)画像が読込み中かどうかチェックする [crayon ...

スポンサーリンク