đặt con trỏ ở cuối giá trị của văn bản nhập

Question

Vì vậy, hiện tại tôi có trường nhập văn bản với giá trị cũng được lấy nét tự động.

Khi tải trang, giá trị được chọn/được đánh dấu. Có cách nào tôi có thể đặt con trỏ ở cuối văn bản giá trị thay vì làm nổi bật nó trong javascript hoặc CSS không?

Đây là một fiddle js nơi giá trị văn bản autofocused được nhấn mạnh: http://jsfiddle.net/TaGL5/

Đây là mã HTML: <input type="text" value="value text" autofocus />

Answer 1

này làm việc cho tôi

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

Answer 2

Sử dụng Jquery cho việc này:

$(function() { 
 
     var input = $("#txt1"); 
 
    var len = input.val().length; 
 
    input[0].focus(); 
 
    input[0].setSelectionRange(len, len); 
 
    });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> 
 

 
<input type="text" id="txt1" value="Lorem" style="width:400px;" />

Nhưng một số trình duyệt không hỗ trợ enter code here sở hữu, trong trường hợp sử dụng này:

$(document).ready(function(){ 
 
    $("#search").focus(function(){ 
 
     if (this.setSelectionRange) 
 
     { 
 
     var len = $(this).val().length; 
 
     this.setSelectionRange(len, len); 
 
     } 
 
     else 
 
     { 
 
     $(this).val($(this).val()); 
 
     } 
 
    
 
}); 
 

 
$("#search").focus(); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
 

 
<input id="search" type="text" value="mycurrtext" size="30" name="search" />

Câu hỏi này đã tồn tại trên stackoverflow:

Reference1

Reference2

Answer 3

Nâng cấp lên câu trả lời @ Harsha của: Tôi thấy rằng để làm cho giải pháp làm việc với Firefox, chúng ta cần giá trị thiết lập lại tạm thời để "không-bình đẳng của giá trị", sau đó đặt nó trở lại

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

Answer 4

bạn có thể thêm tham số này để trường nhập văn bản của bạn:

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

NB: Hoạt động tốt dưới Chromium vào năm 2017.