使用jQuery在页面加载时将焦点设置在输入字段上（以便用户可以开始输入）

Question

我正在尝试使页面加载时，用户的鼠标光标自动位于输入字段中，这样他就可以开始打字而不必移动和点击鼠标。但是，由于某些原因，它似乎对我无效。

我的HTML代码：

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

我的JS/jQuery代码：

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

- ondrejm

---

$("searchField") → $("#searchField")"。另一种方法是，在HTML输入中添加autofocus属性，而无需使用任何JS。 - blex

Answer 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()             
});

工作代码片段：

$(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>

- Alive to die - Anant

Answer 2

HTML已经具备该功能，使用autofocus属性即可。不需要JS。

工作示例：

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

- blex