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

我有一个网页表单的文本框。如何在默认情况下设置文本框的焦点?

就像这样:

<body onload='setFocusToTextBox()'>

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

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

当前回答

这个例子对我很有用

$(document).ready(function () {
document.getElementById('TextBox').focus();
}

2022-02-21 11:13:58

其他回答

窗口。Onload是最初放置焦点 Onblur是将焦点放在文本区域外，或避开文本区域模糊

    <textarea id="focus"></textarea>
    <script>
     var mytexarea=document.getElementById("focus");
    window.onload=function()
    {
   
    mytexarea.focus();
    
    }
    

    </script>

2019-06-11 02:49:59

<input type="text" class="word"> //html code

let theinput = document.querySelector(".word"); //Get the input 
 theinput.focus(); // focus on input

2022-03-18 19:22:01

这样做。

如果你的元素是这样的…

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

你的剧本应该是

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

2013-07-06 07:21:02

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

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

检查一下是否有帮助。

2013-07-06 07:25:28

不管怎样，你可以在HTML5兼容浏览器上使用自动聚焦属性。甚至可以在IE版本10上使用。

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

2013-07-06 07:30:03

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

推荐文章

最新文章

标签