Поместить курсор в конец значения ввода текста

Итак, в настоящее время у меня есть текстовое поле ввода со значением, которое также автофокусировано.

При загрузке страницы значение выбирается/подсвечивается. Есть ли способ, которым я могу поместить курсор в конец текста значения вместо выделения его в javascript или CSS?

Вот сценарий js, где выделено значение автофокусированного текста: http://jsfiddle.net/TaGL5/

Вот код HTML: <input type="text" value="value text" autofocus />

Ответ 1

Это работает для меня

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

Ответ 2

Обновление до ответа @harsha: я обнаружил, что для решения проблемы с Firefox, нам потребуется временное значение reset для "не равного значения", а затем установите его обратно

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

Ответ 3

Используйте Jquery для этого:

$(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;" />

Ответ 4

Вы можете добавить этот параметр в поле ввода текста:

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

NB: хорошо работает под Chromium в 2017 году.

Ответ 5

Используйте это, это хорошая работа для меня...

<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);"