ベストアンサー

カーソルが自動的に移動する方法

2003/09/26 16:50

HTML・JSPでHPを作っているのですが4つのテキストボックスがあるとします。そこには1文字しか入力できないようになっていて1文字入力すると自動的につぎのテキストボックスにカーソルを移動させたいのですがどうしたらいいのでしょう？イメージ的にはTABキーを押した感じなのですがそのTABを押さなくても入力した瞬間に次のテキストボックスに入力できるようにしたいのです。よろしくお願いします。

jun2249
お礼率33% (47/139)

JavaScript
回答数2
ありがとう数3

みんなの回答 （2）
専門家の回答

質問者が選んだベストアンサー

ベストアンサー

torakiyojp
ベストアンサー率58% (25/43)

2003/09/29 11:47 回答No.2

こんな感じでどうでしょうか？ <html> <head> <title>入力時フォーカス移動</title> <script language="JavaScript">  </script> </head> <body> <form name="form1"> <input type="text" name="Txt_Input1" maxlength="1" onKeyUp="moveFocus(this.name,'2')"> <input type="text" name="Txt_Input2" maxlength="1" onKeyUp="moveFocus(this.name,'3')"> <input type="text" name="Txt_Input3" maxlength="1" onKeyUp="moveFocus(this.name,'4')"> <input type="text" name="Txt_Input4" maxlength="1"> </form> </body> </html>

質問者

お礼 2003/09/29 13:27

ありがとうございます。出来ました！！

ログインすると、全ての回答が全文表示されます。

その他の回答 (1)

Sam_A
ベストアンサー率33% (6/18)

2003/09/26 18:15 回答No.1

フォームのフォーカスを指定するのは下のソースで行けるはずですので、お試しください。あとは入力した事を判定する処理を入れれば可能だと思います。 ----------------------------------------------- <HTML> <HEAD> <TITLE>Focus_Sample</TITLE> </HEAD> <BODY> <DIV ALIGN="center"> <H3>A2の入力フォームにカーソルを合わせます。</H1> </DIV> <P> <FORM NAME="myFORM"> <INPUT TYPE="text" NAME="A1"> <INPUT TYPE="text" NAME="A2"> <INPUT TYPE="text" NAME="A3"> </FORM> <SCRIPT Language="JavaScript">  </SCRIPT> </BODY></HTML>

質問者

補足 2003/09/29 10:35

ありがとうございます。教えていただいたようにやってみたのですがうまく動きませんでした。判断文がおかしいのでしょうか？判断文は下記のようにないたのですが・・・ <SCRIPT Language="JavaScript">  </SCRIPT>

ログインすると、全ての回答が全文表示されます。