javascript - 在 jQuery 中将焦点设置为页面加载时的输入字段(以便用户可以开始输入)

Question

我正在努力做到这一点，以便在加载页面时，用户的鼠标光标自动位于输入字段中，这样他就可以开始输入而无需移动和单击鼠标。但是，出于某种原因，它似乎对我不起作用。

我的 HTML 代码:

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

我的 JS/jQuery 代码:

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

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>