2011-07-13 10 views
5

私はこのテキストボックスがあります。それは、カーソルが単語の後にテキストボックスの最後に表示されたような「Hello World」(どんなにテキストを含むテキストボックスの前面にカーソルを移動するにはどうすればよいですか?

var inputText = "Hello World"; 
$(document).ready(function() { 
    $("#url-input").focus(); 
    $("#url-input").val(inputText); 
}); 

<input type="text" name="url" id="url-input" /> 

と、このコードをどの順番でフォーカスを追加するか、値を変更します)。どうすれば正面に移動できますか?

おかげ

EDIT - ここにjsFiddleです:まともなWebブラウザでhttp://jsfiddle.net/dmRND/

答えて

7

は、あなたが選択を表しselectionStartselectionEndプロパティへのアクセス権を持っています。彼らは両方の0ある場合、それは初めに選択なしとキャレットにダウンしています:$(...).func1().func2()、あなたは一度だけ、セレクタが必要になります。

$("#url-input").prop('selectionStart', 0) 
       .prop('selectionEnd', 0); 

http://jsfiddle.net/efek3/

のjQueryのもう一つは、チェーン化されています。

はまだjQueryの他の事はあなたも行うことができますので、ほとんどの関数は、パラメータとしてオブジェクトをサポートしていることである:

$("#url-input").prop({ selectionStart: 0, 
         selectionEnd: 0 }); 
+0

それは素晴らしいことだ、ありがとう。 IE8-の回避策はありますか? –

+0

@ニックブラント:これは私にこの答えを思い出す:http://stackoverflow.com/questions/263743/how-to-get-cursor-position-in-textarea/3373056#3373056。 – pimvdb

関連する問題