jQuery

[jQuery] keyDownイベントを設定する(.keydown)

投稿日:2017年9月19日 更新日:

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

サンプルソース

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

実行サンプル

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

キーコード:

解説

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

スポンサーリンク

スポンサーリンク

-jQuery
-

執筆者:


comment

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

関連記事

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

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

[jQuery] classの適用・非適用を切り替える(.toggleClass)

要素へclassの適用・非適用を切り替えるには、toggleClassを使用します。 サンプルソース 例)ボタンを押すと ...

[jQuery] 処理を行わないことを明示する($.noop)

処理を行わないことを明示したい場合は、$.noop() を指定します。 サンプルソース 例)ボタンを2回目に押したときは ...

[jQuery] 指定した要素の次以降にある兄弟要素を全て取得する(.nextAll)

指定した要素の次以降にある兄弟要素を全て取得するには、.nextAll()を使用します。 サンプルソース 例)ボタンを押 ...

[jQuery] フォーカス時に文字を全選択状態にする(.select)

フォーカス時に文字を全選択状態にするサンプルです。 サンプル 例1)テキストボックスにフォーカスを当てると全選択状態とな ...

スポンサーリンク