jquery - 单击时触发选择事件以实现 jQuery 自动完成

Question

在尝试了一下 jQuery 的自动完成功能后，我无法让 select 事件触发 onclick。这很奇怪，因为当鼠标拖动到列表中的每个元素上时会触发 onfocus 事件。从我到目前为止所尝试的情况来看，似乎没有内置的方法来触发 onclick 事件。我错过了什么吗？或者人们过去有其他处理这个问题的方法吗？

提前致谢，布兰登

Answer 1

所选事件应在单击时自动触发。考虑以下代码块。在这里，我传入一组处理程序来决定使用什么 url、将自动完成行为附加到什么标签等。最终发出 ajax 请求来填充自动完成列表。

    ActivateInputFieldSearch: function (callBack, fieldID, urlHandler, labelHandler, valueHandler) {
        $("#" + fieldID).autocomplete({
            source: function (request, response) {
                var requestUrl;
                if (_.isFunction(urlHandler)) {
                    requestUrl = urlHandler(request);
                } else {
                    requestUrl = urlHandler;
                }
                $.ajax({
                    url: requestUrl,
                    dataType: "json",
                    data: {
                        maxRows: 10,
                        searchParameter: request.term
                    },
                    success: function (data) {
                        response($.map(data, function (item) {
                            var dataJson = $.parseJSON(item);
                            return {
                                label: labelHandler(dataJson),
                                value: valueHandler(dataJson),
                                data: dataJson
                            };
                        }));
                    }
                });
            },
            minLength: 0,
            select: function (event, ui) {
                if (callBack) {
                    callBack(ui.item);
                }
            },
            open: function () {
                $(this).removeClass("ui-corner-all").addClass("ui-corner-top");
            },
            close: function () {
                $(this).removeClass("ui-corner-top").addClass("ui-corner-all");
            },
            focus: function (event, ui) {
                $("#" + fieldID).val(ui.item.value);
            }
        });
    }