jquery - 将焦点设置到输入字段

Question

我正在尝试将焦点设置到此 Leaflet Plugin 的搜索栏上输入字段，但它不起作用。我试过使用以下内容:

//jquery  
$("#leaflet-control-geosearch-qry").focus();  
//html  
document.getElementById("leaflet-control-geosearch-qry").focus();

您可以自己尝试一下。使用上述行不会将焦点设置为设置搜索栏。

将其中一个映射到一个按钮并单击该按钮会将焦点设置到搜索栏。

<script>
    //Set Focus to Search Box
    function setFocusToSearchBar(){
        document.getElementById("leaflet-control-geosearch-qry").focus();
        //or $("#leaflet-control-geosearch-qry").focus();  
    }
</script>


<div id="Focus_on_Searchbar">
    <button id="sidebar_button_focus" onclick="setFocusToSearchBar();">
        Focus on Searchbar
    </button>
</div>

这行得通! 将其中之一与 Chrome/FF 控制台一起使用是行不通的，我不知道为什么不行，因为它可以与按钮一起使用。？

有什么想法吗？ 我正在为我的标题栏使用 Bootstrap...也许这很重要？

Answer 1

它有效。发生的情况是，当您的控制台打开时，控制台具有焦点。

在控制台输入:

setTimeout(function(){
    document.getElementById("leaflet-control-geosearch-qry").focus();
}, 5000);  //Will deffer execution 5 seconds

然后关闭控制台。 5 秒后，它将聚焦。 所以，这不是编码问题，不用担心 ;)

干杯