Настройка фокуса JavaScript на элемент формы HTML

У меня есть веб-форма с текстовым полем. Как мне установить фокус на текстовое поле по умолчанию?

Что-то вроде этого:

<body onload='setFocusToTextBox()'>

так кто-нибудь может мне помочь с этим? Я не знаю, как установить фокус на текстовое поле с помощью JavaScript.

<script>
function setFocusToTextBox(){
//What to do here
}
</script>

Ответы

Ответ 1

Сделайте это.

Если ваш элемент что-то вроде этого.

<input type="text" id="mytext"/>

Ваш script будет

<script>
function setFocusToTextBox(){
    document.getElementById("mytext").focus();
}
</script>

Ответ 2

Для чего вы можете использовать атрибут autofocus в браузерах, совместимых с HTML5. Работает даже на IE с версии 10.

<input name="myinput" value="whatever" autofocus />

Ответ 3

Обычно, когда мы фокусируемся на текстовом поле, мы также должны прокручивать в представлении

function setFocusToTextBox(){
    var textbox = document.getElementById("yourtextbox");
    textbox.focus();
    textbox.scrollIntoView();
}

Проверьте, помогает ли это.

Ответ 4

Если ваш код:

<input type="text" id="mytext"/>

И если вы используете JQuery, вы также можете использовать это:

<script>
function setFocusToTextBox(){
    $("#mytext").focus();
}
</script>

Помните, что сначала вы должны нарисовать ввод $(document).ready()

Ответ 5

Для простого Javascript попробуйте следующее:

window.onload = function() {
  document.getElementById("TextBoxName").focus();
};

Ответ 6

Я просто использовал это:

<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.

Пожалуйста, обратите внимание: я хотел обновить эту старую ветку, показывая приведенный пример, а также более новое, более легкое обновление для тех, кто все еще читает это. ;)

Ответ 7

Как упоминалось ранее, document.forms тоже работает.

function setFocusToTextBox( _element ) {
  document.forms[ 'myFormName' ].elements[ _element ].focus();
}

setFocusToTextBox( 0 );
// sets focus on first element of the form

Ответ 8

Если ваш <input> или <textarea> имеет атрибут id=mytext используйте

mytext.focus();


function setFocusToTextBox() {
    mytext.focus();
}
<body onload='setFocusToTextBox()'>
  <form>
    <input type="text" id="mytext"/>
  </form>
</body>

Ответ 9

window.onload - сначала установить фокус, onblur - установить фокус, когда вы щелкаете за пределами текстовой области, или избегать размытия текстовой области.

    <textarea id="focus"></textarea>
    <script>
     var mytexarea=document.getElementById("focus");
    window.onload=function()
    {

    mytexarea.focus();

    }

mytextarea.onblur=function(){

mytextarea.focus();

}
    </script>

Ответ 10

HTML

<textarea id="focus"></textarea>

Javascript

 window.onload=function() {
    var mytexarea=document.getElementById("focus");
    mytexarea.focus();

 }

назовите ваш селектор, и вы можете прикрепить событие к событию onload.