jQuery

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

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

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

サンプルソース

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

実行サンプル

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

キーコード:

解説

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

スポンサーリンク

スポンサーリンク

-jQuery
-

執筆者:


comment

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

関連記事

[jQuery] 画面サイズが変更された時に処理を行う(.resize)

画面サイズが変更された時に処理を行うには、.resize()を使用します。 サンプルソース 例)画面サイズ変更時にコンソ ...

[jQuery] 指定した要素の次の要素を取得する(.next)

指定した要素の次の要素を取得するには、.next()を使用します。 サンプルソース 例)要素(#ts li)の3番目の要 ...

[jQuery] トリムを行う($.trim)

jQueryでトリムを行うには、$.trim()を使用します。 サンプルソース 例)トリムを行う [crayon-5b5 ...

[jQuery] 要素の前にタグを追加する(.before)

要素の前にタグを追加するには、beforeを使用します。 サンプル 例)ボタンを押すと、要素の前にxyzを追加する [c ...

[jQuery] tooltipを設定する

jQueryでtooltipを設定するサンプルです。 ※ツールチップとは、カーソルを乗せると表示される注釈のことです。 ...

スポンサーリンク