• ベストアンサー

【Javascript】（テキストボックスの）テキストの末尾にフォーカスを置きたい【フォーム】

onLoad時にテキストボックスにフォーカスをあてるのですが、 質問タイトルのようなことができません。 前ページからPOSTで持ってきた文字列を入れたテキストボックスなのですが、 BODYタグ部分にonLoad="frm.elm.focus();"と書くと、 そのテキストボックス内の文字列の先頭にフォーカスが行きます。 文字列の続きを入力する項目なので 文字列の末尾にフォーカスを置きたいのですが 方法はありますでしょうか。 ご存知の方いらっしゃいましたらご教示願います。 質問が解りづらかったらすみません。 宜しくお願い致します。

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

  • ベストアンサー
  • pipipi523
  • ベストアンサー率40% (148/365)
回答No.1

これでどうでしょう？ <html> <body onLoad=document.F1.I2.focus();document.F1.I2.value="テスト"> <form name="F1"> <input type="text" name="I1"><br><input type="text" name="I2"> </form> </body> </html>

Claudia
質問者

お礼

ご回答ありがとうございます。 フォーカス入れてから文字列入れればよかったんですね。 フォーム内でVALUE値を入れてしまうと フォーカスは文字列の前になってしまうんですね。 勉強になりました。

その他の回答 (1)

  • wangkp
  • ベストアンサー率25% (9/35)
回答No.2

<BODY> <FORM METHOD=POST ACTION="" name="sd"> <INPUT TYPE="text" id="s" NAME="aaa" value="aaaaaa"> </FORM> <script> var obj = document.getElementById("s"); var tg = obj.createTextRange(); var len = obj.value.length; tg.move('character',len); tg.select(); </script> </BODY> IEで通りましたけど、それ以外（FFとか、Operとか）はやってない。

Claudia
質問者

補足

確かに実現できました。 初心の私にはやや難解でしたが 大変勉強になりました、ありがとうございます。

  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. JavaScript

関連するQ&A

  • テキストボックスのフォーカス移動

    こんにちは。 htmlページで<input type="text"/>に既定の桁数を入力したら次のinputにフォーカスを 移動させたいと考えています。 下の例の場合、１番目のテキストボックスに既定の桁数5ケタを入力したら、フォーカス を２番目のテキストボックスに移動させ、２番目のテキストボックスに4ケタ入力したら ３番目のテキストボックスにフォーカスを移動させるようにしたいと思っています。 スクリプトの再利用ができるよう、たとえば同じname属性を与えればその範囲内で 簡単にフォーカスを移動させられるようなものにしたいと思うのですが、うまくいきません。 何か良い書き方はありませんでしょうか？ <div> 　<input type="text" name="hoge" maxlength="5" onkeyup="test(this)"/> 　<input type="text" name="hoge" maxlength="4" onkeyup="test(this)"/> 　<input type="text" name="hoge" maxlength="5" onkeyup="test(this)"/> 　<input type="text" name="hoge" maxlength="2" onkeyup="test(this)"/> </div> 　・ 　・ <script type="text/javascript"> function test(elm) { 　if (elm.value.length >= elm.maxLength) { 　　/*（気持ちとしては、ここにこのような感じのことを書きたいのですが・・・） 　　　　var arr_elm = document.getElementsByName(elm.name); 　　　　var n = elm.index + 1 　　　　arr_elm[n].focus(); 　　*/　 　} } </script>

  • テキストボックスにフォーカスを当てる？

    こんばんは，すみませんよろしくお願いします。 テキストボックスにフォーカスを当てるには，例えば， TextBox1.SetFocus のようにするんだと思うのですが，テキストボックスに初期値が設定されていたときには，上記のようにすると，初期値のテキストの右側に線のようなポインタがテキストコントロール内にでてきます。 しかし，このような状態では，いったん初期値を消さないと，別の値に書き換えることは出来ません。 テキストコントロール内に初期の値として，何らかのテキストが入力されているとき，文字列が選択された状態になっていれば，即，別の値を入力することが出来ますので，ユーザーフォームをshowしたときに，テキストボックス内の初期値 （例えば，「ここに名前を入力してください」などの文字列） を選択した状態にしたいのです。どのようにすれば良いのでしょうか？何度もすみません。

  • テキストボックスでのカーソルについて

    VB6で作ったフォームでテキストボックスにフォーカスが移ったときに既に入っている文字列の先頭にカーソルがいるのですが、これを文字列をすべて選択した様に（反転表示）にならないか、または文字列の最後尾にカーソルを置けないか、悩んでいます。よろしくお願いいたします。

  • テキストボックスへの引数によるフォーカスの設定

    こんにちは。 ASP.NET(VB)でサイトを作っています。 ページを表示した時にテキストボックスにフォーカスを設定したいと思っています。 ネットなどで検索していましたら<body onLoad="document.Form.textbox.focus()"> とすれば出来るようなので、実際に設定してみましたら、「'document.form.LoginID'はNullまたはオブジェクトではありません」というエラーが出てしまいます。 どうすればASPのコントロールにフォーカスを設定できますか？

  • フォーカスがあるテキストボックスに文字を入れる

    ＧＵＩでテキストボックスとボタンを作っています。 ボタンをクリックすると、ＧＵＩのテキストボックスに書かれた文字がＷｅｂブラウザ側にあるテキストボックスへ挿入されるという処理をしたいです。 この処理は、ボタンを押す前にＷｅｂブラウザ上のテキストボックスにフォーカスを移し、その後ボタンを押したらフォーカスがある位置に文字を挿入すればできるのではと考えたのですが。。。 フォーカスがある位置に文字を挿入させるやり方がわかりません。 どなたか分かる方教えてください＞＜；

  • javascriptでフォーカスしたい

    初質問です。 javascriptで たくさんあるテキストボックスの中のひとつをフォーカスした後に リンクのようになっている文字をクリックするとさっきフォーカスした テキストボックスに内容（そのリンクのURLなど）が 自動的に入力されるようなことは、できませんか？

  • JavaScriptでフォームへのフォーカス処理

    PHP、XHTML、CSSで応募フォームの作成をしております。 PHPとHTMLは別ファイルで作成しており、PHPにアクセスしてそのPHPが指定されたテンプレートを読みにいくような流れとなっております。 HTMLもPHPも完成して、応募フォームとして一通り動くようになったのですが、新たにフォーカス機能を追加したいということになりました。 具体的には、応募フォームの一番最初のテキストエリアに、ページ読み込み時にフォーカスを当てたいという内容です。 そこで、フォーカス機能用のJavaScriptを別ファイルで新たに作成し、動きを確認してみたところ上手く動きません。 HTMLとJavaScriptのソースは下記の通りです。 ==================================================================== ■HTML(全て書くと長くなってしまうので、簡略させていただきます) <script type="text/javascript" src="$path_top_js/focus.js"></script> <body onLoad="Focus()"> </head> <form name="top" action="index.php" method="POST" onReset="return false;" onSubmit="return false;"> <input type="hidden" name="USER_ID" value="$USER_ID"> <INPUT size="20" type="text" name="USER_ID" value="$USER_ID" MAXLENGTH="10"> </form> </body> ■JavaScript(focus.js) function Focus(){ document.top.USER_ID.focus(); } ==================================================================== 「フォームのname="USER_ID"というテキストエリアにフォーカスを当てる」という内容になります。 なぜフォーカスが当たらないのか、原因は予想がつくのですが、どう解決していいのか分かりません。 多分、フォームの値を保持するために記述しているhiddenタグ <input type="hidden" name="USER_ID" value="$USER_ID"> にJavaScriptのフォーカスが当たってしまっているみたいです。(フォーカスが当たっていると思われるhiddenタグは見ることができません) 試しにhiddenタグを外してみたところ、JavaScriptで指定したテキストエリアにフォーカスが当たっていることを確認しました。 「応募フォーム」ということで、ページ遷移した際にもフォームに入力した値を保持しておくためにhiddenタグは外したくないのですが、フォーカス機能もちゃんと動くようにしたいと思っております。 解決方法が分かる方いらっしゃいましたら、ご教授の程お願い致します。

    • ベストアンサー
    • HTML
  • JavaScript　テキストボックス内のコピー

    JavaScriptのテキストボックス内の文字列のコピーを教えてください。 TextboxA、TextboxB、TextboxCがあり、TextboxAのフォーカスがTextboxBに移動した時に、TextboxA内の文字列をTextboxCにコピーする記述がわかりません。 どなたか参考になるサイト、JavaScriptの記述を教えてください。 よろしくお願いします。

  • テキストボックスの先頭へ文字を

    テキストボックスの先頭へ文字を入れるにはどうしたらいいでしょうか。下記だと末尾になります。 <A HREF="javascript:function voi(){};voi()" onClick="document.all.data.focus();document.all.data.value+='追加する'">ああ</A> <INPUT TYPE="TEXT" NAME="data" SIZE="60" VALUE="この文章の先頭に入れたい">

  • テキストボックスのフォーカス移動について

    探してみたのですがわからないので質問します。 初歩的な質問ですみません。タブキーでなくてエンターキーでテキストボックスのフォーカスをいどうさせる方法を教えてください。 テキスト1を入力後エンターキーを押すと次のテキストボックスにいどうさせる方法です。 エクセルのＶＢではなくＶＢ６での質問です。

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する