我有一个带有文本框的网络表单。默认情况下，如何将焦点设置到文本框？
像这样的东西：
<body onload='setFocusToTextBox()'>
所以有人可以帮我吗？我不知道如何使用 JavaScript 将焦点设置到文本框。
<script>
function setFocusToTextBox(){
//What to do here
}
</script>
如何使用 JavaScript 将焦点设置在 HTML 表单中的元素上？
IT技术
javascript
html
textbox
focus
2021-01-25 22:23:04
6个回答
做这个。
如果你的元素是这样的..
<input type="text" id="mytext"/>
你的脚本将是
<script>
function setFocusToTextBox(){
document.getElementById("mytext").focus();
}
</script>
对于它的value，您可以在 HTML5 兼容浏览器上使用该autofocus属性。从版本 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()
对于普通的 Javascript，请尝试以下操作：
window.onload = function() {
document.getElementById("TextBoxName").focus();
};