У меня есть веб-форма с текстовым полем. Как мне установить фокус на текстовое поле по умолчанию?
Что-то вроде этого:
<body onload='setFocusToTextBox()'>так кто-нибудь может мне помочь с этим? Я не знаю, как установить фокус на текстовое поле с помощью JavaScript.
<script>
function setFocusToTextBox(){
//What to do here
}
</script>
Ответы:
Сделай это.
Если ваш элемент что-то вроде этого ..
<input type="text" id="mytext"/>Ваш сценарий будет
<script>
function setFocusToTextBox(){
document.getElementById("mytext").focus();
}
</script>Document.forms, Document.getelementsByTagNameили Node.childNodes) и либо полагаться на известную структуру документа, либо искать некоторые специфические для элемента свойства.
Для чего это стоит, вы можете использовать autofocusатрибут в HTML5-совместимых браузерах. Работает даже на IE начиная с версии 10.
<input name="myinput" value="whatever" autofocus />Обычно, когда мы фокусируемся на текстовом поле, мы также должны прокручивать в поле зрения
function setFocusToTextBox(){
var textbox = document.getElementById("yourtextbox");
textbox.focus();
textbox.scrollIntoView();
}Проверьте, поможет ли это.
Если ваш код:
<input type="text" id="mytext"/>И если вы используете JQuery, вы также можете использовать это:
<script>
function setFocusToTextBox(){
$("#mytext").focus();
}
</script>Имейте в виду, что вы должны сделать вход в первую очередь $(document).ready()
egregiously sloppy, no-effort-expended post, or an answer that is clearly and perhaps dangerously incorrect, согласно справочному центру stackoverflow. Я не нахожу это рядом с этими категориями. Помощь не ограничивается ОП, не так ли?
Я просто использовал это:
<html>
<head>
<script type="text/javascript">
function focusFieldOne() {
document.FormName.FieldName.focus();
}
</script>
</head>
<body onLoad="focusFieldOne();">
<form name="FormName">
Field <input type="text" name="FieldName">
</form>
</body>
</html>Тем не менее, вы можете просто использовать атрибут автофокуса в HTML 5.
Пожалуйста, обратите внимание: я хотел обновить эту старую ветку, показывающую заданный пример, а также более новое, более легкое обновление для тех, кто все еще читает это. ;)
Как упоминалось ранее, document.forms тоже работает.
function setFocusToTextBox( _element ) {
document.forms[ 'myFormName' ].elements[ _element ].focus();
}
setFocusToTextBox( 0 );
// sets focus on first element of the formЕсли ваш <input>или <textarea>имеет атрибут, id=mytextиспользуйте
mytext.focus();window.onload - сначала установить фокус, onblur - установить фокус, когда вы щелкаете за пределами текстовой области, или избегать размытия текстовой области.
<textarea id="focus"></textarea>
<script>
var mytexarea=document.getElementById("focus");
window.onload=function()
{
mytexarea.focus();
}
mytextarea.onblur=function(){
mytextarea.focus();
}
</script>
document.getElementById('your_text_box_id').focus();.