获取页面上的第一个文本框/复选框/下拉列表/文件控件并设置焦点

Question

如何获取页面上出现的第一个表单元素（输入元素）并将焦点设置到页面上？ 我想改变我必须在每一页中手动将焦点设置为某个元素的练习

$("#Clients").focus()

我想要一些通用的东西，它会自动找出第一个输入并将该代码放入母版页。

Answer 1

您可以将:input和:first选择器与.focus()一起使用，如下所示：

$(function() {
  $(':input:first').focus();
});

或者，既然您说过母版页，那么您可能会有某个内容区域，所以只需在选择器上添加前缀，例如：

$('#content :input:first').focus();

:input选择器选择所有输入，textarea，select和button元素，因此它将抓取任何类型的<form>输入中的第一个。

Answer 2

通过仅选择可见和启用的输入，这是一种更加简单的方法。

$(function() {
  $(':input:visible:enabled:first').focus();
});

Answer 3

$(document).ready(function() {
    $('input').first().focus();
});

Answer 4

这使焦点集中在页面上的第一个textinput / textarea

$(function(){
    $('input[type=text], textarea').first().focus();
})