Answers:
做这个。
如果您的元素是这样的。
<input type="text" id="mytext"/>
您的脚本是
<script>
function setFocusToTextBox(){
document.getElementById("mytext").focus();
}
</script>
Document.forms
,并依赖于已知的文档结构或寻找某些元素特定的属性。Document.getelementsByTagName
Node.childNodes
对于它的价值,您可以autofocus
在HTML5兼容的浏览器上使用该属性。从版本10开始甚至可以在IE上使用。
<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的帮助中心,@ Fallenreaper Downvotes用于。我发现这些类别附近无处可寻。帮助不仅限于OP,是吗?
我以前只是用这个:
<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属性。
请注意:我想更新此旧线程,以显示所询问的示例以及那些仍在阅读本文的人的新的,更容易的更新。;)
如前所述,document.forms也可以工作。
function setFocusToTextBox( _element ) {
document.forms[ 'myFormName' ].elements[ _element ].focus();
}
setFocusToTextBox( 0 );
// sets focus on first element of the form
document.getElementById('your_text_box_id').focus();
。