JavaScript

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

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

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

自動フォーカス移動

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

実行サンプル

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

    

解説

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

スポンサーリンク

スポンサーリンク

-JavaScript
-,

執筆者:


comment

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

関連記事

[JavaScript] 文字列を指定した桁数でゼロ埋めする

文字列を指定した桁数でゼロ埋めするサンプルです。 サンプル 例)文字列が10桁になるようにゼロ埋め処理を行う [cray ...

[JavaScript] 1970年1月1日から指定した日時までの経過ミリ秒を取得する(Date.parse)

1970年1月1日からの経過ミリ秒を取得するには、Date.parse()を使用します。 サンプルソース 例)1970/ ...

[JavaScript] 横位置を指定する(style.textAlign)

JavaScriptで横位置を指定するには、style.textAlignを使用します。 サンプルソース 例)ボタンを押 ...

[JavaScript] コンファームを表示する(window.confirm)

コンファームを表示するには、window.confirm()を使用します。 サンプルソース 例)コンファームを表示する ...

[JavaScript] コンソールにオブジェクトの中身をテーブル形式で出力する(console.table)

コンソールにオブジェクトの中身をテーブル形式で出力するには、console.tableを使用します。 サンプルソース 例 ...

スポンサーリンク