在jQuery中将焦点设置在页面加载(因此用户可以开始键入)的输入字段上

时间:2018-04-12 17:05:37

标签: javascript jquery input focus document-ready

我试图让它在页面加载时,用户的鼠标光标自动在输入字段中,这样他就可以开始输入而无需移动并单击鼠标。但是,由于某些原因,它似乎对我不起作用。

我的HTML代码:

override func viewDidLoad() {
    super.viewDidLoad()
    tableView.contentInset = UIEdgeInsets(top: 64, left: 0, bottom: 0, right: 0)
}

我的JS / jQuery代码:

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

2 个答案:

答案 0 :(得分:2)

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

工作片段: -

&#13;
&#13;
$(document).ready(function() {
 $("#searchField").focus()             
});
&#13;
<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>
&#13;
&#13;
&#13;

答案 1 :(得分:2)

HTML已具有该功能,具有autofocus属性。不需要JS。

工作代码段

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