人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

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

●質問者: makocan
●カテゴリ:インターネット ウェブ制作
✍キーワード:HTML タグ 入力 制作 自動
○ 状態 :終了
└ 回答数 : 3/3件

▽最新の回答へ

1 ● kato-s
●27ポイント

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

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

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


2 ● Kenju
●27ポイント

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:///


3 ● mkonomi
●26ポイント

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

?[Tab]キー

?[Shift]キー+[Tab]キー

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

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

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

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ