jquery - jquery ui自动完成输入元素需要在鼠标悬停并聚焦时显示所有值

Question

演示： http: //jqueryui.com/autocomplete/ 我在我的站点中实现了上述功能，客户要求是，当鼠标悬停并专注于输入元素时，输入元素将显示所有值。

Answer 1

您必须设置minLength: 0自动完成的初始化，然后focus在调用search自动​​完成插件的输入字段上创建一个侦听器:)。

魔术代码:)

$("#tags").autocomplete({
    source: availableTags,
    minLength: 0
});

$("#tags").focus(function() {
    $("#tags").autocomplete( "search", "" ); 
});

您可以将focus侦听器更改为您想要的任何事件（并且 jQuery 支持）。查看JQuery API的事件部分。search 方法的第二个参数指定搜索字符串。如果它为空，自动完成会显示整个列表。JQuery UI Autocomplete API也完美地记录了这一点。

我用一个例子创建了一个JSFiddle。