下拉搜索栏的焦点

Question

我花了大约一个半小时在不同的javascript中挖掘，但我似乎找不到任何东西来关注我的网站上的下拉搜索。

我已经使用了这个脚本来触发事件:

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

在对象上:onclick ="dropDownSearch()">

在放大镜图标上，我附加了一个onclick事件来执行上面的脚本。但是，它从不将光标移动到搜索字段中，因此用户不必单击。我还尝试过通过添加事件侦听器来实现这一点，但这也不起作用。对于这两个脚本，我都使用弹出式警报进行了测试。快闪店行得通，但焦点却行不通。我做错了什么?这是正在发生此事件的网站的URL: https://mypomerania.com/getting-started/

Answer 1

您可以尝试使用setTimeout()

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

来源