JavaScript将焦点设置为HTML表单元素

最新推荐文章于 2021-06-08 10:59:29 发布

p15097962069

最新推荐文章于 2021-06-08 10:59:29 发布

阅读量286

点赞数

文章标签： javascript html textbox focus

原文链接：https://oldbug.net/q/1BQjQ/JavaScript-set-focus-to-HTML-form-element

版权

本文翻译自：JavaScript set focus to HTML form element

I have a web form with a text box in it. 我有一个带有文本框的Web表单。 How do I go about setting focus to the text box by default? 如何默认将焦点设置到文本框？

Something like this: 像这样的东西：

<body onload='setFocusToTextBox()'>

so can anybody help me with it? 所以有人可以帮我吗？ I don't know how to set focus to the text box with JavaScript. 我不知道如何使用JavaScript将焦点设置到文本框。

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

#1楼

参考：https://stackoom.com/question/1BQjQ/JavaScript将焦点设置为HTML表单元素

#2楼

Do this. 做这个。

If your element is something like this.. 如果你的元素是这样的..

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

Your script would be 你的脚本会是

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

#3楼

For plain Javascript, try the following: 对于普通Javascript，请尝试以下操作：

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

#4楼

Usually when we focus on a textbox, we should also scroll into view 通常当我们关注文本框时，我们也应该滚动到视图中

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

Check if it helps. 检查它是否有帮助。

#5楼

For what it's worth, you can use the autofocus attribute on HTML5 compatible browsers. 对于它的价值，您可以在兼容HTML5的浏览器上使用autofocus属性。 Works even on IE as of version 10. 从版本10开始，甚至可以在IE上运行。

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

#6楼

As mentioned earlier, document.forms works too. 如前所述， document.forms也有效。

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

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

p15097962069

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript将焦点设置为HTML表单元素

I have a web form with a text box in it. 我有一个带有文本框的Web表单。 How do I go about setting focus to the te
复制链接

扫一扫