javascript - 焦点()将不起作用

Question

我在这里不知所措，以前从来没有遇到过这个问题。
我无法让 focus() 在任何浏览器中工作。我正在使用 jquery，甚至不能让它与标准的 javascript 一起工作。我也尝试添加超时但仍然没有。我在警报中得到的只是“未定义”。

这里是输入

<input type="text" name="SearchBox" id="SearchBox" class="SearchBox" />

这是jquery

$(document).ready(function(){
    setTimeout(function(){
        $("#SearchBox").focus();
    }, 0);
    alert($("*:focus").attr("id"));
});

我已将页面精简到上面的内容，以防有什么东西干扰它但仍然没有成功。它必须是我所缺少的简单东西!!!!

Answer 1

在文档就绪处理程序完成之前，搜索框不会获得焦点。

当您调用 setTimeout 时，即使超时设置为零，JavaScript 也不会在当前函数完成之前处理该超时。这是因为 JS 是单线程的。

调用超时为零的 setTimeout 就像在说“一旦此函数完成，我希望你做一些事情。”

因此，在调用 alert 之前，搜索框不会获得焦点。

An example