javascript - jquery autocomplete 在窗口模糊时隐藏自己，禁用它

Question

jquery 的自动完成功能将自身隐藏在窗口模糊中，如何防止这种情况发生？

在网上找不到答案。

听起来很简单，但是使用以下代码来确定窗口焦点和模糊我得到的是在进入模糊之前打开的所有自动完成都没有显示，似乎窗口模糊是自动完成隐藏的触发器:

$(function() {
    $(window).focus(function() {

    });

    $(window).blur(function() {
        $(".ui-autocomplete").each(function(){alert($(this).css("display"));});
    });


});

我想为所有显示非无显示的自动完成设置变量，然后在焦点上显示这些，但在模糊时我得到所有“.ui-autocomplete”都没有显示

Answer 1

尝试像这样更改自动完成的 blur 事件处理程序:

$(function(){
    $('#autocomplete').autocomplete({
        source: ['cat','rabbit','donkey']
    }).off('blur').on('blur', function() {
        if(document.hasFocus()) {
            $('ul.ui-autocomplete').hide();
        }
    });
});

使用hasFocus()函数可以检查当前窗口的焦点并决定是否关闭选项

jsFiddle here