javascript - jQuery Opera 焦点事件不起作用

Question

下面有一个搜索输入和一个复杂的下拉div。当焦点位于输入上时，脚本会显示 div。

除 Opera 外，它在任何地方都可以正常工作。在 Opera 中，当我聚焦输入时，没有任何反应。但是，如果我点击另一个桌面应用程序，比如查看我的邮件，然后返回网站，网站上的下拉菜单会突然出现。

有什么方法可以解决这个问题？

function checkSf() {
    if ($('#search-field').val() != "" || $('#search-field').is(":focus")){
        $('.search-dropdown').show();
    } 
}
$('#search-field').keyup(function(){
    checkSf()
});

$('#search-field').on('focus', function(){
    checkSf()
});

Answer 1

其实我找到了答案。这个错误与 safari 和 chrome 中的相同。为了解决这个问题，我添加了一个零超时。

奇怪的是它起作用了。

function checkSf() {
    setTimeout(function(){
        if ($('#search-field').val() != "" || $('#search-field').is(":focus")){
            $('.search-dropdown').show();
        } 
    },0);

}