JavaScript

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

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

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

自動フォーカス移動

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

実行サンプル

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

    

解説

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

スポンサーリンク

スポンサーリンク

-JavaScript
-,

執筆者:


comment

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

関連記事

[JavaScript] sleep処理を行う

JavaScriptには標準でsleep関数が無いので、sleep処理を行いたい場合は自作する必要があります。 サンプル ...

[JavaScript] 文字列の一部分を選択状態にする

文字列の一部分を選択状態にするサンプルです。 サンプルソース 例)ボタンを押すと、テキストの3文字目~5文字目を選択状態 ...

[JavaScript] ローカル時刻を取得する(.toLocaleString)

ローカル時刻を取得するには、.toLocaleString()を使用します。 サンプルソース 例)現在日時のローカル時刻 ...

[JavaScript] 呼び出されたイベント名を取得する(event.type)

呼び出されたイベント名を取得するには、event.typeを使います。 サンプルソース 例)イベント名を取得する [cr ...

[JavaScript] ページを離れる直前に処理を行う(onBeforeUnload)

ページを離れる直前に処理を行うには、onBeforeUnloadイベントハンドラを使用します。 サンプルソース 例)ペー ...

スポンサーリンク