37

そのため、現在、オートフォーカスされた値を持つテキスト入力フィールドがあります。

ページの読み込み時に、値が選択/強調表示されます。JavaScript や CSS で強調表示する代わりに、値のテキストの末尾にカーソルを置く方法はありますか?

これは、自動フォーカスされたテキストの値が強調表示される js フィドルです: http://jsfiddle.net/TaGL5/

HTMLコードは次のとおりです。<input type="text" value="value text" autofocus />

4

5 に答える 5

40

これは私のために働く

<input type="text" autofocus value="value text" onfocus="this.value = this.value;"/>

于 2013-07-22T05:54:29.600 に答える
35

@harshaの回答にアップグレード

解決策を Firefox で機能させるには、一時的に値を「等しくない値」にリセットしてから元に戻す必要があることがわかりました。

<input type="text" autofocus value="value text" onfocus="var temp_value=this.value; this.value=''; this.value=temp_value" />

于 2014-07-22T15:20:45.077 に答える
6

これを使ってください、私にとってはいい仕事です...

<input type="text" name="txt" value="value text" autofocus="" onfocus="this.setSelectionRange(this.value.length,this.value.length);">

または、この行を入力要素に追加します

onfocus="this.setSelectionRange(this.value.length,this.value.length);"
于 2019-01-24T07:09:58.800 に答える
1

このパラメーターをテキスト入力フィールドに追加できます。

onmouseover="this.setSelectionRange(this.value.length,this.value.length);"
onfocus="this.setSelectionRange(this.value.length,this.value.length);"

NB: 2017のChromiumでうまく動作します。

于 2017-11-19T04:59:09.153 に答える