代码之家  ›  专栏  ›  技术社区  ›  mare

获取页面上的第一个textbox/checkbox/dropdown/file控件并设置焦点

  •  2
  • mare  · 技术社区  · 15 年前

    如何获取页面上出现的第一个表单元素(输入元素)并将焦点设置为它? 我想改变这样的做法,我必须在每一页中手动将焦点设置为这样的某个元素

    $("#Clients").focus()
    

    我想要一些通用的东西,能够自动计算出第一个输入并将代码放入母版页的东西。

    4 回复  |  直到 15 年前
        1
  •  4
  •   Nick Craver    15 年前

    :input :first .focus() ,如下所示:

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

    或者,既然你说的是母版页,你可能有一个特定的内容区域或什么的,所以只要在选择器上加上前缀,例如:

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

    这个 任何 有点 <form>

        2
  •  2
  •   htanata    15 年前

    这里有一个更简单的方法,只选择可见和启用的输入。

    $(function() {
      $(':input:visible:enabled:first').focus();
    });
    
        3
  •  1
  •   Stephan Muller    15 年前
    $(document).ready(function() {
        $('input').first().focus();
    });
    
        4
  •  0
  •   Kristoffer Sall-Storgaard ProllyGeek    15 年前

    这将焦点放在页面上的第一个text输入/text区域

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