在窗体onload的文本框上设置focus（）

Question

我正在尝试将重点放在jQuery树形式的文本框中。 这是我的代码

$(document).ready(function() {

       $("#search").focus();

});

HTML：

 <div>
     <form action="search" method="post" name="frmSearch>
          <label for="search">Search:</label>
        <input type="text" name="search" id="search" />
        <input type="submit" name="button" value="Search" />
    </form>
</div>

当我单击树中的“搜索”选项卡时，它不会将焦点放在文本框中。 有人可以让我知道代码中有什么问题吗？

Answer 1

您将文本框的重点放在页面加载上，但是，只要单击页面上其他任何地方（例如选项卡），焦点就会从文本框中移出，并赋予您刚刚单击的任何内容。

除了将重点放在页面加载上之外，还可以将单击侦听器附加到选项卡，以便在单击该选项卡时可以使search文本框获得焦点。 由于尚未看到您的所有标记，因此我将#mySearchTab用作占位符，作为您的搜索标签的ID：

$(document).ready(function() {
    $("#mySearchTab").on('click', function() {
       $('#search').focus();
    });
});

另外，不要忘记了关闭功能) 。

我不确定您的树长什么样，但这是使用jQuery标签的有效演示 。

Answer 2

我在您的js代码中做了一些修改

http://jsfiddle.net/8CTqN/5

$(document).ready(function(){
    $(function(){
        $("#search2").focus();      
    });
});    

Answer 3

尝试以下操作：

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

在这里工作的小提琴： http : //jsfiddle.net/8CTqN/2/

经过镀铬测试