HTMLで1文字だけ入力できる、inputタグを複数個用意したページを制作しているのですが、1文字を入力したら、次のinputタグへ自動的に移動させる事などは出来る事なのでしょうか?

回答の条件
  • URL必須
  • 1人2回まで
  • 登録:2006/04/10 15:07:55
  • 終了:2006/04/10 16:09:09

回答(3件)

id:kato-s No.1

kato-s回答回数91ベストアンサー獲得回数32006/04/10 15:20:47

ポイント27pt

http://www.tohoho-web.com/lng/199906/99060084.htm

こちらのページの最後で解決したと報告があります。

未確認ですが、概ねこのような方法で可能なはずです。

id:Kenju No.2

Kenju回答回数30ベストアンサー獲得回数22006/04/10 15:28:20

ポイント27pt

function moveCursor(objForm, varNum)

{

  if( objForm.elements[varNum].value.length >= 1 )

  {

    objForm.elements[varNum + 1].focus();

    return true;

  }

  return false;

}

上のようなスクリプトを用意して、下記のようにonKeyUpイベントを起こせばいいと思います。

<form>

<input type="text" onKeyUp="moveCursor(this.form, 0);">

<input type="text" onKeyUp="moveCursor(this.form, 1);">

<input type="text" onKeyUp="moveCursor(this.form, 2);">

<input type="text" onKeyUp="moveCursor(this.form, 3);">

<input type="text">

</form>

http:///

id:mkonomi No.3

mkonomi回答回数651ベストアンサー獲得回数452006/04/10 15:32:04

ポイント26pt

自動的にといえるか「はてな」なのですが、

[Tab]キー

[Shift]キー+[Tab]キー

で移動できると思います。

①と②では移動順序が逆になります。

http://q.hatena.ne.jp/1144649273

コメントはまだありません

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません