onload時にテキストボックス(name="text_box")にフォーカスが当たるようにしています。
onload時にtext_boxに値が入っていれば、カーソルは右寄せにするには
どうしたらいいのでしょうか。
selectで選択状態にして逃げてみたのですが
BackSpaceキーでtext_boxの値を修正する為、右寄せにした方が
都合がいいので、できるなら右寄せ方法を取りたいと思います。
text_boxの中身の文字数を数えて、その最後の文字数分の場所に
カーソルを持っていこう、と考えてみましたが
手間がかかるのと(ってオイ)カーソルの位置指定がわからず、撃沈でした。
onload時に「右寄せ!」という具合に、楽に指定する方法はないものでしょうか?
どなたかご存知の方、教えてください。
No.2ベストアンサー
- 回答日時:
Internet Explorer4以上でしか動かないと思いますが、
TextRangeオブジェクトを作って、動作させることはできます。
でも、全然ラクじゃないです。
var target = document.form[0].text_box;
var txtRange = target.createTextRange();
txtRange.move( 'character', target.value.length );
txtRange.select();
みたいな感じかな...
この回答への補足
(補足とお礼を書くところ間違えました)
ありがとうございます。
misokaさんのおかげで自分関数(笑)できました。
機会がありましたらまたよろしくお願いします(ペコリ)。
misokaさん、回答ありがとうございます。
varというとJavaScript内の関数でしょうか?
ヒントを頂いたので、移動関数を作ってみます。
(また質問するかもしれませんが)
機会がありましたらまた教えてください(ペコリ)。
No.1
- 回答日時:
テキストボックス内でのカーソル位置を指定することは、できなかったと思います。
で、代替策ですが、IE5.5/NN6.2 では「フォーカスを当てた後に文字列を入れる」ことで、右寄せにできました。(NN4.7 ではダメでした。。)
function my_onLoad() {
with (document.フォーム名) {
text_box.focus();
text_box.value = text_box.value;
}
}
万能な方法ではありませんが、参考になれば。
leaz024さん、早速の回答ありがとうございます。
返事が遅くなってすみません。
onloadでフォーカスを当てていれば、どういう風に遷移してきても
必ず文字列を入れる前にフォーカスが当たった状態ですよね?
(何か日本語が変だ)
なのにどうしても左寄せになってしまうんです。
submitで自画面に遷移後にこの状態にしたい、というのが悪いのでしょうか?
ちなみにソース(抜粋)は
↓
**********************************************************************
<BODY onload=test.text_box.focus()>
<%
'=============================================================
' パラメータよりtext_boxの入力値を取得
'=============================================================
strtext_boxNo= Request.Form("text_box")
%>
<form name="test" action="test.asp?Mode=<% = Server.URLEncode(1) %>" target="_self" method="post" onsubmit="return Ftext_boxChk();">
<input type="text" name="text_box" value="<%=strtext_boxNo%>" size=7 maxlength=6 onKeyPress="FKeysPress()" style="ime-mode: inactive">
**********************************************************************
<input type>前でもう一度フォーカスを当てるとエラーが出てしまって・・・。
もうちょっとソースを読んで考えてみます。
『フォーカスを当てた後に文字列を入れると右寄せになる』というのは
大変ありがたい情報でした。
また機会がありましたらよろしくお願いします(ペコリ)。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/07 21:04
- Visual Basic(VBA) VBA 画面上のカーソルに文字数字を入力するコードを教えて下さい 1 2022/10/30 10:31
- iPad これまでタブレットは何台使ったか数え切れないほどですが、今回iPadを初めて手に入れました。 全体的 5 2022/08/07 18:34
- Word(ワード) Wordで破線をひくにはどうすれば良いのでしょうか。 5 2022/06/17 13:24
- Excel(エクセル) エクセルVBA 任意のセルの選択時、指定のセルの値を表示 1 2023/04/21 08:13
- 教育学 エクセルで小数点以下を四捨五入について教えてください。 2 2023/04/05 17:33
- モニター・ディスプレイ マルチモニタでのカーソルの動き方 1 2022/06/15 14:59
- Windows 10 Windows11タスクバーやエクスプローラー、スタートメニュー 動画全画面時にカーソルが見えない 1 2022/04/08 00:03
- その他(プログラミング・Web制作) pythonでのカーソル移動がずれる 2 2023/07/30 08:51
- JavaScript javascriptのちょっとした動作不良(原因は突き止めたのですが) 1 2023/06/15 19:58
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
TextBoxに半角数字以外を入れた...
-
tabindexの取得
-
HTMLファイル同士での値渡し
-
フォームの内容でリンク先URLの...
-
テキストボックスの背景色変更...
-
入力するテキストエリアをボタ...
-
jQueryのdatepickerの日付が選...
-
GetElementByIdがうまく取得で...
-
HTMLとJavaScriptで作った表示...
-
プルダウンで選択された値を別...
-
VBSからjavascript
-
テキストボックスに文字飾り表...
-
チェックボックスのON/OFFでVal...
-
正規表現で複数マッチ条件で悩...
-
onchangeイベントを強制的に発...
-
プルダウン 項目が多いので先頭...
-
return trueとreturn falseの用...
-
ラジオボタンのチェックが外れ...
-
【jQuery】input nameの文字列...
-
<input>の選択肢をプルダウンメ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
HTMLとJavaScriptで作った表示...
-
GetElementByIdがうまく取得で...
-
tabindexの取得
-
TextBoxに半角数字以外を入れた...
-
JavaScriptで作ったアプリが正...
-
プルダウンで選択された値を別...
-
HTMLファイル同士での値渡し
-
フォームの内容でリンク先URLの...
-
ページ間で変数を保持したい
-
テキストボックスに初期値で1...
-
javascriptのちょっとした動作...
-
入力するテキストエリアをボタ...
-
jQueryのdatepickerの日付が選...
-
JSPでonChangeを強制発行するに...
-
マイナスなら赤字で表示したい...
-
大文字か小文字かを判断する方法
-
VBscriptの配列変数をJavascrip...
-
一部Enter無効化の方法を教えて...
-
テキストエリアに履歴を残したい
-
フォーカスが外れた時の入力チ...
おすすめ情報