JavaScript

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

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

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

自動フォーカス移動

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

実行サンプル

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

    

解説

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

スポンサーリンク

スポンサーリンク

-JavaScript
-,

執筆者:


comment

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

関連記事

[JavaScript] JavaScriptファイルを非同期で読み込む(async/defer)

JavaScriptファイルを非同期で読み込むには、async/deferキーワードを使用します。 サンプル 例1)同期 ...

[JavaScript] 配列を生成する

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

[JavaScript] ウィンドウを最前面にする(window名.focus())

ウィンドウを最前面にするには、window名.focus() を使用します。 サンプルソース 例)ボタンを押すと、サブウ ...

[JavaScript] ASCIIコードから文字列に変換する(String.fromCharCode)

ASCIIコードから文字列に変換するには、String.fromCharCodeを使用します。 サンプルソース 例)AS ...

[JavaScript] テキストの選択開始時イベントを取得する(onSelectStart)

テキストの選択開始時イベントを取得するには、onselectstartを使用します。 IE、Edgeでのみ動作します。 ...

スポンサーリンク