单击外部时 JQuery 自动完成关闭选项

Question

我想知道 JQuery 自动完成中是否有一种方法，如果我单击选项框外部进行选择或单击键盘上的 ESCAPE，则何时打开选项。它关闭，无需选择一个选项。

有人知道正确的方法吗？仍然认为使用某些东西来检查是否聚焦自动完成，如果不关闭它只是一个想法。

谢谢

Answer 1

我遇到了同样的问题。你只需要做一件小事。 调用“搜索”方法后，设置焦点。 Esc 并在框外单击将关闭下拉菜单。

我正在使用类别子类 (http://jqueryui.com/demos/autocomplete/#categories) 所以我的代码看起来像

  $( "#search" ).catcomplete('search');
  $( "#search" ).focus();

我希望它在 .autocomplete 小部件上也能正常工作。

Answer 2

只需关闭对话框关闭时的自动完成：

$("#dialog").dialog({
    close: function() {
        $('#tags').autocomplete('close');
    }
});

查看实际操作：http://jsfiddle.net/william/3Yz9f/1/。

---

更新

这取决于您所说的“一般”是什么意思。 JavaScript 非常面向事件。因此，最初，您希望在关闭对话框时关闭自动完成功能，因此是答案的第一部分。当然，您可以将其绑定到一些间接事件，例如自动完成模糊或隐藏（您可能需要为隐藏执行自定义事件），但这会给您带来一些风险，即它们可能不会被触发，因为它们是间接的.

现在您希望在拖动对话框时关闭它；好吧，这也不难；您可以使用对话框的dragStart 事件来实现这一点，但它们是两个不同的事件，都在对话框中，而不是自动完成。拖动对话框时，我在自动完成小部件本身上看不到任何间接事件。

如果您的问题是通过 ID 引用自动完成小部件，您可以使用基于上下文的选择器，例如在对话框的事件处理程序中使用$('.ui-autocomplete-input', this) 而不是$('#tags')。