jQuery调用focus()无效的一种情况

发布于:2022-06-03 最后编辑:2022-06-03 所属分类:前端 阅读次数:1908

问题场景

点击搜索图标,动态显示搜索框,然后让输入框自动获取焦点。
正常情况下,使用 jQuery 的focus()方法即可,例如:('input#mobile-search-input').focus();
本例中因为输入框是动态显示的,所以直接使用focus()是不起作用的,需要延迟执行。

示例代码

setTimeout(function(){
    $('input#mobile-search-input').focus();
}, 200)//这里延迟的时间,大于搜索框动态载入的时间即可
标签: