如何使用JavaScript将焦点设置在HTML表单中的元素上?

我有一个网页表单的文本框。如何在默认情况下设置文本框的焦点?

就像这样:

<body onload='setFocusToTextBox()'>

有人能帮帮我吗?我不知道如何用JavaScript设置文本框的焦点。

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

当前回答

如前所述，文档。表单也有用。

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

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

2014-12-22 15:22:28

其他回答

对于简单的Javascript，试试下面的代码:

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

2013-07-06 07:21:42

如果你的代码是:

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

如果你正在使用JQuery，你也可以使用这个:

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

请记住，必须首先绘制输入$(document).ready()

2015-03-10 18:32:17

试试这个:

$('.modal').on('shown.bs.modal', function () {
        setTimeout(function() {
                $("input#yourFieldId").addClass('modal-primary-focus').focus();
            },
            500);
    });

2022-01-11 13:13:04

通常当我们关注文本框时，我们也应该滚动到视图

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

检查一下是否有帮助。

2013-07-06 07:25:28

我以前经常用这个:

<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中使用autofocus属性。

请注意:我想更新这个旧线程，显示所问的示例，以及更新的，更容易的更新，供那些仍然在读这篇文章的人使用。；）

2016-07-08 02:10:07

如何使用JavaScript将焦点设置在HTML表单中的元素上?

推荐文章

最新文章

标签