在 jQuery 中设置页面加载时输入字段的焦点（以便用户可以开始输入）答案

【问题标题】：Setting focus on input field on page load (so the user can start typing) in jQuery在 jQuery 中设置页面加载时输入字段的焦点（以便用户可以开始输入）
【发布时间】：2018-04-12 17:05:36
【问题描述】：

我正在尝试使页面加载时，用户的鼠标光标自动位于输入字段中，因此他无需移动并单击鼠标即可开始输入。但是，由于某种原因，它似乎对我不起作用。

我的 HTML 代码：

<input type="text" placeholder="Search.." id="searchField">
  <button type="submit" id="searchButton">Submit</button>

我的 JS/jQuery 代码：

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

【问题讨论】：

$("searchField") → $("#searchField") 。另一种方法，无需任何 JS，只需将 autofocus 属性添加到您的 HTML 输入

标签： javascript jquery input focus document-ready

【解决方案1】：

1.需要添加jQuery库

2.你在 jQuery 代码中忘记了#。（因为它需要是选择器）

<input type="text" placeholder="Search.." id="searchField">
<button type="submit" id="searchButton">Submit</button>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

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

工作 sn-p:-

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

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<input type="text" placeholder="Search.." id="searchField">
<button type="submit" id="searchButton">Submit</button>

【讨论】：

【解决方案2】：

HTML 已经具有该功能，带有autofocus 属性。不需要JS。

工作 sn-p：

<input type="text" placeholder="Search.." id="searchField" autofocus>
<button type="submit" id="searchButton">Submit</button>

【讨论】：