javascript - 如何让 JQuery-UI 自动完成在使用远程源类别时按 Enter 键提交？

Question

我正在使用 jqueryui 站点中的以下样板代码: http://jqueryui.com/autocomplete/#categories http://jqueryui.com/autocomplete/#remote

$.widget("custom.catcomplete", $.ui.autocomplete, {
    _create: function() {
        this._super();
        this.widget().menu("option", "items", "> :not(.ui-autocomplete-category)");
    },
    _renderMenu: function(ul, items) {
        var that = this,
            currentCategory = "";
        $.each(items, function(index, item) {
            var li;
            if (item.category != currentCategory) {
                ul.append("<li class='ui-autocomplete-category'>" + item.category + "</li>");
                currentCategory = item.category;
            }
            li = that._renderItemData(ul, item);
            if (item.category) {
                li.attr("aria-label", item.category + " : " + item.label);
            }
        });
    },
});

$(function() {

    $("#search").catcomplete({
        delay: 0,
        source: "search",
        select: function(event, ui) {
            ajax.get("/displayInfo", {
                a: ui.item.value
            }, displayInfo, true);
        }
    });
});

但是即使用户只按 Enter 键，如何获得输入触发器“选择”？现在，如果您只需按 Enter 键(不从下拉菜单中选择任何内容)，下拉菜单就会消失并且不会发生任何事情。但我不希望它将下拉列表中的任何内容(即使不匹配)发送到/displayInfo。

有什么建议吗？

Answer 1

当自动完成搜索出现时，使用箭头键并按 Enter 键，它将自动将值填充到文本框中。或者您可以使用 onkeyup 或 onkeypress 事件，然后找到 Enter 的 event.keycode，然后使用功能。