jquery-ui - jQuery UI 自动完成 : dropdown disappears when Chrome loses focus

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

(注意我还没有在 IE FF 或 Safari 中测试过这个,我希望自动完成有一些设置来使这个工作......)

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

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

最佳答案

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

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

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

我在这里有一个活生生的例子 - http://jsfiddle.net/RmALY/1/show/ .

关于jquery-ui - jQuery UI 自动完成 : dropdown disappears when Chrome loses focus,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10472335/

相关文章:

jquery-ui - 我在同一个表单(z-index)相关的 jquery-ui 自动完成和 slider 上遇到问题

javascript - 将 jQuery UI slider 添加到动态生成的元素?

Javascript 掉落和反弹效果

javascript - 如何通过 jQuery UI 使整个 DOM 可拖动和可调整大小?

google-chrome - <a> 元素内的 svg <text> 元素在 Chrome 中悬停时获得下划线

javascript - 使用 jquery ui 自动完成在 MVC 中搜索 JSON 输出

JavaScript:获取从页面顶部到任何标签的距离

带有@angular/pwa 包的 Angular Service Worker 离线时显示 `HTTP error 504`

css - 有什么方法可以使用 headless Chrome 录制网站视频吗?

javascript - 禁用 jQuery 自动完成中的选项?