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.Need 添加 jQuery 库

2.You 在 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>

Answer 2

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

工作片段：

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

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

Setting focus on input field on page load (so the user can start typing) in jQuery

javascript

jquery

input

focus

document-ready