Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/367.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在表单onload上的文本框上设置focus()_Javascript_Jquery_Html - Fatal编程技术网

Javascript 在表单onload上的文本框上设置focus()

Javascript 在表单onload上的文本框上设置focus(),javascript,jquery,html,Javascript,Jquery,Html,我试图将焦点设置在jQuery树的一部分表单中的文本框上。这是我的密码 $(document).ready(function() { $("#search").focus(); }); HTML: 我对你的js代码做了一些修改 $(document).ready(function(){ $(function(){ $("#search2").focus(); }); }); 您在页面加载时聚焦文本框,但是只要您单击页面

我试图将焦点设置在jQuery树的一部分表单中的文本框上。这是我的密码

$(document).ready(function() {

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

});
HTML:



我对你的js代码做了一些修改

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

您在页面加载时聚焦文本框,但是只要您单击页面上的任何其他位置(如选项卡),焦点将从文本框中移除,并提供给您刚才单击的任何内容

与其关注页面加载,不如在选项卡上附加一个单击侦听器,以便在单击时,
搜索
文本框获得焦点。因为我没有看到您的所有标记,所以我使用
#mySearchTab
作为搜索选项卡ID的占位符:

$(document).ready(function() {
    $("#mySearchTab").on('click', function() {
       $('#search').focus();
    });
});
另外,不要忘记用
关闭函数

我不确定您的树是什么样子,但这里有一个使用jQuery选项卡的示例。

请尝试以下操作:

$(function(){
    $("input:first:text").focus();       
});
在这里演奏小提琴:



在chrome上测试

关闭括号当你点击页面时,焦点将从输入中移除,并提供给你刚才点击的任何内容“点击搜索选项卡”是什么意思?我在这里输入错误,但如果你在帖子中输入错误,我的实际代码中有一个分号,单击问题底部的编辑链接并更正错误。在问题中留下打字错误会让你很难得到正确的答案。你为什么要这样做?为了给他展示代码的工作示例以便更好地可视化,但你取消了关注负载的要求,你不尝试给予关注。这与问题无关。“当我单击树中的搜索选项卡时,它不会在文本框上设置焦点。”似乎他希望文本框在单击搜索选项卡时获得焦点。问题不是输入没有在文档加载上获得焦点,即使是,也会包装
focus()
在匿名函数中调用不会有帮助。问题是,当单击某个选项卡以显示包含该输入的内容时,该输入没有获得焦点。这里有什么不同?选择器没有问题。当有多个文本输入元素时,可能无法正常工作。不要把这当作负面评论,我只是强调了这一点。@MelanciaUK:我不知道为什么我的firefox第一次没有聚焦。哈利:谢谢你纠正我。。。现在,它将关注第一个输入。问题不是它没有关注文档就绪,而是当用户单击包含内容的选项卡时,它没有获得关注。无论谁否决了这一点,请解释。这是唯一的答案,似乎解决了OPyep中的问题,一些反对这个选项的有效观点也是如此。不过我还是不同意;)但是,让我们这样做吧,因为这可能不是讨论的领域(我通常认为任何人在一个好的职位上投票没有任何评论作为一个巨魔:P)@ AliCarikcioglu,我没有看到你的答案…对不起,我是新来的,我失踪了吗something@user2675939我使用jQuery选项卡更新了演示,以展示这个答案是如何工作的。希望有帮助!
$(function(){
    $("input:first:text").focus();       
});