jquery - 当字段焦点丢失时停止 jQuery 自动完成

Question

我有一个输入字段，它使用自动完成来显示与用户输入的文本可能匹配的列表，并且在该字段下是另一个输入字段。当用户输入文本然后单击其下方的下一个字段时，“自动完成”下拉列表将覆盖该输入字段。

我只想在字段仍然具有焦点时显示“自动完成”下拉列表，并且当焦点丢失时中止自动完成操作。

我的代码是这样的。

var inputID = "#"+model+field;
$(inputID).autocomplete({
    source: autoURL,
    delay: 0,
    minLength: 1
});

模型和字段被定义为函数参数。

我认为我可以附加一个事件来捕获焦点的丢失，然后调用类似 $(inputID).abort() 的内容来取消自动完成。或者，我可以将焦点事件处理程序添加到其下方的字段中以触发中止。我尝试过的任何方法都不起作用，并且我查看了自动完成的代码，但找不到阻止它的方法。

我正在运行 jQuery 1.7.1 和 jQuery UI 1.8.18

任何帮助都会很棒。

谢谢

Answer 1

根据the documentation ，您可以调用 $(inputID).autocomplete('close'); 关闭自动完成。