下拉搜索栏的焦点

Question

我花了大约一个半小时来研究不同的 JavaScript，但我似乎无法在我的网站上聚焦下拉搜索。

我用这个脚本触发了事件：

<script type='text/javascript'>
function dropDownSearch(){
   document.getElementById('header-dropdown-search').focus();
}
</script>

关于对象： onclick="dropDownSearch()"

在放大镜图标上，我附加了一个 onclick 事件来执行上面的脚本。但是，它永远不会将光标移动到搜索字段中，因此用户不必单击。我也尝试通过添加事件侦听器来执行此操作，但这也没有用。对于这两个脚本，我都使用弹出式警报进行了测试。弹出窗口有效，但焦点无效。我做错了什么？

Answer 1

你可以试试setTimeout()

function dropDownSearch() {
    window.setTimeout(function () {
        document.getElementById('header-dropdown-search').focus();
    }, 0);
}

source

Focus for Drop-down Search Bar