jQuery UI自动完成触发器模糊

Question

我有一个带有jQuery UI自动完成功能的文本字段。我希望用户键入内容，使用自动完成功能显示选项，然后当用户单击某个选项时，我希望它触发模糊/焦点，以指示用户已选择值。

不幸的是，当单击自动完成选项时，jQuery UI似乎会将注意力集中在文本字段上。

有关如何解决此问题的任何想法？

Answer 1

您可以使用自动填充字段的close事件。

快速参考：

  

隐藏菜单时触发。并非每一场比赛都会如此   伴随着变革事件。

代码：

$("#tags").autocomplete({
    source: availableTags,
    close: function(){
        this.blur();
    }
});

演示：http://jsfiddle.net/IrvinDominin/T2WRc/

Answer 2

Irvin的答案帮助我弄清楚了如何解决此问题，但是使用close函数可能会产生不良的副作用。如果自动填充在开始显示结果后停止显示结果，则会触发关闭功能，因此在这种情况下，在选择任何内容之前也会触发模糊。

相反，只需添加“ this.blur（）;”选择返回的内容后返回到select函数（或者，如果使用默认的select，只需将其添加到其中）。

使用他的代码示例：

$("#tags").autocomplete({
    source: availableTags,
    select: function(){
        this.blur();
    }
});