jQuery UI自动完成:当Chrome失去焦点时,下拉列表消失

时间:2012-05-06 16:49:13

标签: jquery-ui google-chrome jquery-ui-autocomplete

(注意我还没有在IE FF或Safari中测试过这个,我希望在自动完成功能上有一些设置可以让它工作......)

在Chrome中,当我在触发jQuery UI自动完成下拉列表的框中键入一些文本时,当我将焦点切换到另一个应用程序(我的编程应用程序Visual Studio)时,下拉列表消失。

是否有设置使自动完成下拉菜单“粘住”并在浏览器失去操作系统焦点时仍然可见?

1 个答案:

答案 0 :(得分:2)

当您切换到另一个应用程序时,浏览器会触发onblur事件,这会隐藏自动完成菜单。完成此“粘性”行为的最佳选择是将onfocus事件处理程序附加到window,然后打开自动完成菜单。

$(function() {
    var autocomplete = $( 'whatever' ).autocomplete();

    $( window ).on( 'focus', function() {
        autocomplete.autocomplete( 'search' );
    });
});​

我在这里有一个实例 - http://jsfiddle.net/RmALY/1/show/