以编程方式专注于文本字段

Question

我有以下代码

<input type="text" id="text_box1" >

我需要以编程方式专注于这一领域。

我从控制台（页面加载后）尝试执行的操作似乎无效。

1) $('#text_box1').focus();
2) document.getElementById("text_box1").focus();

任何关于这里出什么问题的主意吗？

我正在使用jQuery 1.11.3

Answer 1

有效！加载DOM后必须调用一次。

DOM加载后将调用以下函数

jQuery：

$(function(){
     //any other code which needs to be called after the DOM is completely loaded
});

Similary，带有Javascript

window.onload = function() {
}

$(function(){

$('#text_box1').focus();

});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<input type="text" id="text_box1" >

Answer 2

只需在表单字段中使用自动对焦属性...

<input type="text" id="text_box1" autofocus />

Answer 3

使用以下JavaScript函数，它将起作用。

<script type="text/javascript">
window.onload = function () 
{
document.getElementById("text_box1").focus();
};
</script>