当前位置: 首页 > 知识库问答 >
问题:

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

闻人博
2023-03-14

我有一个网页表单,里面有一个文本框。默认情况下,如何将焦点设置为文本框?

像这样的东西:

<body onload='setFocusToTextBox()'>

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

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

共有3个答案

林俭
2023-03-14

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

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

检查是否有帮助。

陈正业
2023-03-14

不管它值多少钱,您都可以在兼容HTML5的浏览器上使用autofocus属性。从第10版开始,它甚至可以在IE上运行。

<input name="myinput" value="whatever" autofocus />
东郭宏深
2023-03-14

这样做。

如果你的元素是这样的。。

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

你的剧本会是

<script>
function setFocusToTextBox(){
    document.getElementById("mytext").focus();
}
</script>
 类似资料:
  • 问题内容: 我有一个带有文本框的Web表单。默认情况下,如何将焦点设置到文本框? 像这样: 所以有人可以帮我吗?我不知道如何使用JavaScript将焦点设置到文本框。 问题答案: 做这个。 如果您的元素是这样的。 您的脚本是

  • 如何在Elm中设置Html元素的焦点?我试图在元素上设置自动聚焦属性,它只在页面加载上设置焦点。

  • 问题内容: 我将AngularJS与ng-repeat指令一起使用,以将对象数组显示为列表。 属性“ isNewest”仅在数组的一个元素上为true。我想将键盘焦点设置在该项目的文本输入上。如何使用AngularJS做到这一点? 问题答案: 这是另一个使用attrs。$ observe的指令实现: 请注意,插值的DOM属性值(即)始终计算为字符串,因此将原因与字符串而不是keyword进行比较。

  • 问题内容: 使用jQuery,如何获得具有插入符号(光标)焦点的输入元素? 换句话说,如何确定输入是否具有插入符号的焦点? 问题答案: 您应该使用哪一个?引用jQuery文档: 与其他伪类选择器(以“:”开头的选择器)一样,建议在:focus之前加上标签名称或其他选择器;否则,暗示通用选择器(“ *”)。换句话说,裸露等于。如果您正在寻找当前关注的元素,则$(document.activeElem

  • 本文向大家介绍如何使用jQuery设置元素的HTML内容?,包括了如何使用jQuery设置元素的HTML内容?的使用技巧和注意事项,需要的朋友参考一下 要设置元素的HTML内容,请使用方法。您可以尝试运行以下代码以使用jQuery获取元素的HTML内容- 示例 现场演示

  • 本文向大家介绍如何使用AngularJS和HTML5将焦点设置在列表中的文本输入上,包括了如何使用AngularJS和HTML5将焦点设置在列表中的文本输入上的使用技巧和注意事项,需要的朋友参考一下 若要将焦点放在列表中的文本输入上,请尝试以下代码: 以下是HTML: