Jquery UI自动完成输入元素需要显示所有值时，鼠标停留和聚焦

Question

Demo: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的事件部分。搜索方法的第二个参数指定搜索字符串。如果它为空，自动完成显示整个列表。这在JQuery UI Autocomplete API中也有完美的记录。

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