переместить курсор в начало поля ввода?
когда Вы нажимаете на 'Ask question' здесь в Stackoverflow, Вы видите текст, «Каков Ваш вопрос о программировании? Будьте описательными».
я хочу то же самое и все, в чем я нуждаюсь для этого, должен переместить мой курсор в начало текстового поля. как я делаю это с jQuery?
3 ответа
Может быть, это перенапряжение, но эти функции полезны для выбора части входного поля.
Код ниже поместите курсор на первую чар второго поля.
<html>
<head>
<title>so</title>
</head>
<body>
<input value="stack" />
<input value="overflow" />
<script>
var inp = document.getElementsByTagName('INPUT')[1];
if (inp.createTextRange) {
var part = inp.createTextRange();
part.move("character", 0);
part.select();
} else if (inp.setSelectionRange) {
inp.setSelectionRange(0, 0);
}
inp.focus();
</script>
</body>
</html>
Если вы посмотрите в исходный код StackoverFlow> Задайте вопрос, вы найдете это:
<table style="width:668px">
<tr>
<td style="width:50px"><label for="title">Title</label></td>
<td style="padding-left:5px"><input id="title" name="title" type="text" maxlength="300" tabindex="100" style="width:610px" value="">
<span class="edit-field-overlay">What's your programming question? Be descriptive.</span>
</td>
</tr>
</table>
Что на самом деле происходит, что код CSS сделал Переместите поверх поле ввода и показать скрыть при необходимости ... и просто сделайте то, что предложил Сеянус.
Можно использовать метод focus(). Если я вспомню jQuery, то он такой: $("#question_input_field_id").focus(); (Если я правильно понял ваш вопрос)
Обновление: Установка курсора в начале:
$("#question_input_field_id").focus();
$("#question_input_field_id").get(0).setSelectionRange(0,0);