JQuery фокусируется на первом текстовом поле и устанавливает курсор в конце значения для мгновенного ввода данных
Я загружаю форму и игнорирую фокус на первое текстовое поле. Текстовое поле заполняется значением по умолчанию "PW-". (Первые символы номера детали клиентов, такие как PW-446, PW-9887)
Они хотят просто начать вводить числа при загрузке формы, а не нажимать до конца поля и т.д., чтобы ввести числа. Курсор должен мигать в конце PW- и готов к работе для ввода данных.
Я пробовал много разных методов, найденных на StackOverflow, не повезло:-(
Есть идеи? Спасибо заранее!
JQuery
$(document).ready(function(){
$('input:text:first').focus();
});
HTML
< input type="text" name="part_id" size="20" value="PW-">
Ответы
Ответ 1
Здесь ПРИМЕР:
$(document).ready(function(){
var el = $("input:text").get(0);
var elemLen = el.value.length;
el.selectionStart = elemLen;
el.selectionEnd = elemLen;
el.focus();
});
https://developer.mozilla.org/en-US/docs/XUL/Property/selectionStart
https://developer.mozilla.org/en-US/docs/XUL/Property/selectionEnd
Для более старых версий IE вам может потребоваться использовать: http://msdn.microsoft.com/en-us/library/ie/ms536401(v=vs.85).aspx
Ответ 2
Что-то другое: попробуйте установить "PW-" только в тексте слева от поля ввода текста. Подтвердите флажок для не чисел в поле, а затем при отправке формы добавьте "PW-" к этому значению поля, чтобы у вас был полный номер детали.