コピペで使える JavaScript逆引きリファレンス

JavaScript/jQuery開発時に、こそっとお使いください。

JavaScript

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

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

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

自動フォーカス移動

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

実行サンプル

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

    

解説

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

スポンサーリンク

スポンサーリンク

-JavaScript
-,

執筆者:


comment

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

関連記事

[JavaScript] 文字列をBase64デコードする(.atob)

文字列をBase64デコードするには、window.atobを使用します。 サンプルソース 例)文字列「abcdefg」 ...

[JavaScript] 配列内の要素を範囲指定で取り出す

配列内の要素を範囲指定で取り出すには、sliceメソッドを使用すると簡単に取り出せます。 サンプルソース 例)配列内の要 ...

[JavaScript] カンマ区切り文字列→配列にする

カンマ区切り文字列から文字列配列に変換するサンプルです。 サンプルソース 例)文字列"aaa,bbb,ccc& ...

[JavaScript] 2進数、8進数、16進数値⇔10進数を変換する

2進数、8進数、16進数と10進数を変換するサンプルです。 n進数→10進数に変換する n進数を10進数に変換するには、 ...

[JavaScript] クリップボードへコピー/切り取りを実装する

JavaScriptで、clipboardへのコピー/切り取りを実装するサンプルです。 サンプルソース 例)ボタンを押す ...

スポンサーリンク