JavaScript

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

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

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

自動フォーカス移動

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

実行サンプル

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

    

解説

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

スポンサーリンク

スポンサーリンク

-JavaScript
-,

執筆者:


comment

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

関連記事

[JavaScript] 絶対指定でページをスクロールする(window.scrollTo)

JavaScriptで指定位置までページを移動させるには、window.scrollToを使用します。 構文 (wind ...

[JavaScript] タグ名からオブジェクトを取得する

タグ名からオブジェクトを取得するには、 document.getElementsByTagNameを使用します。 サンプ ...

[JavaScript] keydownイベントを取得する(onkeydown)

JavaScriptでkeydownイベントを取得するサンプルです。 サンプルソース 例1)テキストボックス上でキーを押 ...

[JavaScript] 配列を生成する

配列を生成するサンプルです。 配列を生成するサンプル 配列の生成方法には、以下3パターンがあります。 例)配列を生成する ...

[JavaScript] 文字列をアンエスケープする(unescape)

文字列をアンエスケープするには、unescapeを使用します。 サンプルソース 例)文字列「%u307F% ...

スポンサーリンク