页面加载时自动聚焦输入框的jQuery实现失效问题咨询

嘿，我一眼就发现问题所在啦！你的jQuery代码里的选择器犯了个小错误——通过ID选择元素时，必须在ID名称前加上#符号，不然jQuery根本找不到你要的输入框。

你原来的代码里写的是$("searchField")，这会让jQuery去寻找一个名为<searchField>的HTML标签（显然不存在），自然没法给正确的输入框设置焦点。

修正后的jQuery代码 #

$(document).ready(function() {
  $("#searchField").focus();
});

额外补充：原生JavaScript实现方案 #

如果你不想依赖jQuery，用原生JS也能轻松实现同样的效果，代码如下：

document.addEventListener('DOMContentLoaded', function() {
  document.getElementById('searchField').focus();
});

另外提个小提醒：如果页面加载后有其他元素（比如弹窗、第三方插件）也在抢焦点，那可能需要调整代码执行顺序，但绝大多数情况下，修复选择器就能解决你的问题啦！

内容的提问来源于stack exchange，提问作者ondrejm