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

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

就像这样:

<body onload='setFocusToTextBox()'>

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

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

当前回答

不管怎样，你可以在HTML5兼容浏览器上使用自动聚焦属性。甚至可以在IE版本10上使用。

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

2013-07-06 07:30:03

其他回答

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

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

2013-07-06 07:21:42

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

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

这个例子对我很有用

$(document).ready(function () {
document.getElementById('TextBox').focus();
}

2022-02-21 11:13:58

如果你的<input>或<textarea>有属性id=mytext，那么使用

mytext.focus();

函数setFocusToTextBox() { mytext.focus (); ｝ <身体onload = ' setFocusToTextBox () > < >形式 <input type="text" id="mytext"/> > < /形式 < /身体>

2019-04-09 06:26:28

这样做。

如果你的元素是这样的…

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

你的剧本应该是

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

2013-07-06 07:21:02

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

推荐文章

最新文章

标签