У мене є веб-форма з текстовим полем. Як я можу встановити фокус до текстового поля за замовчуванням?
Щось на зразок цього:
<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();.