重要なお知らせ

「教えて! goo」は2025年9月17日(水)をもちまして、サービスを終了いたします。詳細はこちら＞

電子書籍の厳選無料作品が豊富！

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

解決済

  • 質問者：jun2249
  • 質問日時：
  • 回答数：2件

HTML・JSPでHPを作っているのですが4つのテキストボックスがあるとします。そこには1文字しか入力できないようになっていて1文字入力すると自動的につぎのテキストボックスにカーソルを移動させたいのですがどうしたらいいのでしょう？

イメージ的にはTABキーを押した感じなのですがそのTABを押さなくても入力した瞬間に次のテキストボックスに入力できるようにしたいのです。

よろしくお願いします。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

A 回答 (2件)

No.2ベストアンサー

  • 回答者： torakiyojp
  • 回答日時：

こんな感じでどうでしょうか？



<html>
<head>
<title>入力時フォーカス移動</title>
<script language="JavaScript">
<!--
function moveFocus(name,to){
if(document.all[name].value.length == 1){
document.all["Txt_Input"+to].focus();
}
}
// -->
</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>
    • good
    • 0
    • 件
通報する
この回答へのお礼

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

通報する
お礼日時：2003/09/29 13:27

No.1

  • 回答者： Sam_A
  • 回答日時：

フォームのフォーカスを指定するのは下のソースで行けるはずですので、お試しください。

あとは入力した事を判定する処理を入れれば可能だと思います。

-----------------------------------------------
<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">
<!--
document.myFORM.A2.focus();
// -->
</SCRIPT>
</BODY></HTML>

この回答への補足

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

<SCRIPT Language="JavaScript">
<!--
document.test.data1.focus();
if(data1!=NULL){
document.test.data2.focus();
}
if(data2!=NULL){
document.test.data3.focus();
}
if(data3!=NULL){
document.test.data4.focus();
}
-->
</SCRIPT>

補足日時：2003/09/29 10:35
通報する
    • good
    • 0
    • 件
通報する

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう！

Q質問する（無料）

関連するカテゴリからQ&Aを探す

ページトップページトップ

Q質問する（無料）

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング

おすすめ情報