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

Question

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

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

谢谢

Answer 1

只需关闭对话框关闭时的自动完成功能:

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

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

<小时/>

更新

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

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

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