jQuery

[jQuery] keyPressイベントを設定する(.keypress)

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

jQueryでkeyPressイベントを記述するサンプルです。

サンプルソース

例)キーを押すと、キーコードを表示する

実行サンプル

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

キーコード:

解説

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

スポンサーリンク

スポンサーリンク

-jQuery
-

執筆者:


comment

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

関連記事

[jQuery] 自作プラグインを別ファイルにする

jQueryの自作プラグインを別ファイルにするサンプルです。 サンプルソース コードを以下のように別ファイルで作成してj ...

[jQuery] 使用しているブラウザのサポート状況を取得する($.support)

ブラウザのサポート状況を取得するには、$.supportを使用します。 サンプルソース 例)ボタンを押すと、$.supp ...

[jQuery] テキストやコメントも対象とした全子要素を取得する(.contents)

テキストやコメントも対象とした子要素を取得するには、.contents() を使用します。 構文 (構文) .conte ...

[jQuery] セレクトボックスの値とラベルを取得する

jQueryでセレクトボックスの値とラベルを取得するサンプルです。 サンプルソース 例)ボタンを押すと選択中のラベルと値 ...

[jQuery] テキストの選択範囲のカーソル位置を取得する

テキストボックスの選択範囲のカーソル位置を取得するサンプルです。 サンプルソース 例)選択範囲のカーソル開始位置と終了位 ...

スポンサーリンク