为了账号安全,请及时绑定邮箱和手机立即绑定

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

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

海绵宝宝撒 2019-10-08 10:44:22
我有一个带有文本框的Web表单。如何将焦点设置为默认情况下的文本框?像这样:<body onload='setFocusToTextBox()'>所以有人可以帮我吗?我不知道如何使用JavaScript将焦点设置到文本框。<script>function setFocusToTextBox(){//What to do here}</script>
查看完整描述

4 回答

?
蝴蝶刀刀

TA贡献1801条经验 获得超8个赞

做这个。


如果您的元素是这样的。


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

您的脚本是


<script>

function setFocusToTextBox(){

    document.getElementById("mytext").focus();

}

</script>


查看完整回答
反对 回复 2019-10-08
?
千巷猫影

TA贡献1829条经验 获得超7个赞

对于它的价值,您可以autofocus在HTML5兼容的浏览器上使用该属性。从版本10开始甚至可以在IE上使用。


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


查看完整回答
反对 回复 2019-10-08
?
呼如林

TA贡献1798条经验 获得超3个赞

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


function setFocusToTextBox(){

    var textbox = document.getElementById("yourtextbox");

    textbox.focus();

    textbox.scrollIntoView();

}

检查是否有帮助。


查看完整回答
反对 回复 2019-10-08
?
慕仙森

TA贡献1827条经验 获得超7个赞

如果您的代码是:


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

如果使用的是JQuery,则也可以使用此方法:


<script>

function setFocusToTextBox(){

    $("#mytext").focus();

}

</script>

请记住,您必须先绘制输入 $(document).ready()


查看完整回答
反对 回复 2019-10-08
  • 4 回答
  • 0 关注
  • 559 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信