jQuery

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

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

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

サンプルソース

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

実行サンプル

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

キーコード:

解説

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

スポンサーリンク

スポンサーリンク

-jQuery
-

執筆者:


comment

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

関連記事

[jQuery] マッチした要素に加えて、1つ前にマッチした要素を加える(.addBack)

マッチした要素に加えて、1つ前にマッチした要素を加えるには、.addBack() を使用します。 構文 (構文) .ad ...

[jQuery] 要素のid値を取得する

jQueryで、要素のid値を取得するサンプルです。 サンプルソース 例)#btn1のID値を取得する [crayon- ...

[jQuery] function内でのthisの対象を明示的に指定する($.proxy)

function内でのthisの対象を明示的に指定するには、$.proxy()を使用します。 サンプルソース 例)Fun ...

[jQuery] ページを閉じる時に確認メッセージを表示する(beforeunload)

ページを閉じる時に確認メッセージを表示するには、beforeunloadを使用します。 しかし、beforeunload ...

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

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

スポンサーリンク