JavaScript

[JavaScript] フォーム内で自動フォーカス移動を行う

投稿日:2016年11月28日 更新日:

テキストボックスに最大文字数の入力がされたら、自動で次のフォーム部品へ移動するサンプルです。

自動フォーカス移動

例)最大文字数入力すると自動で次の要素へフォーカス移動する

実行サンプル

それぞれ4文字入力すると自動で次のテキストボックスへ移動します。
(クレジットカード番号入力を想定しています。)

    

解説

  • テキストボックス以外の要素でもOKです。
  • ただしmaxlengthが無い要素(ラジオボタンなど)ではフォーカス移動しません。

スポンサーリンク

スポンサーリンク

-JavaScript
-,

執筆者:


comment

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

関連記事

[JavaScript] スタイルをimportant指定する

JavaScriptでスタイル(CSS)を指定する時に、important指定をするサンプルです。 サンプルソース 例) ...

[JavaScript] 文字列を置換する(.replace)

文字列を置換するサンプルです。 置換には、replace関数を使用します。 一番初めに出現した置換対象文字のみ置換する ...

[jQuery] 画像アップロード時にプレビュー表示する(imageタグ版)

画像アップロード時にプレビュー表示するサンプルです。 サンプルソース 例)画像を指定すると画像をプレビュー表示する [c ...

[JavaScript] URLのパラメータを取得する

JavaScriptでURLのパラメータを取得するには、 window.location.searchを使用します。 U ...

[JavaScript] ページを離れる時に警告を表示する(onBeforeUnload)

ページを離れる時に警告を表示するには、onBeforeUnloadを使用します。 「ページを離れる」には、画面遷移、Su ...

スポンサーリンク