JQuery autocomplete獲得焦點觸發彈出下拉框

需求：autocomplete控件，當點擊獲得焦點的時候也要彈出下拉列表（autocomplete默認是輸入之后才會跟隨出下拉列表），下面直接貼代碼。

 

js代碼：

$("#customerName").autocomplete({
            minLength: 0,
            source: function (request, response) {
                var customerName = $("#customerName").val();
                $.ajax({
                    url: "/api/pmstransaction/getcustomerinfo",
                    dataType: "json",
                    data: {
                        customerName: customerName
                    },
                    success: function (data) {
                        response(data.Data);
                    }
                });
            },
            focus: function (event, ui) {
                $("#customerName").val(ui.item.CustomerName);
                return false;
            },
            select: function (event, ui) {
                module.viewModel.customerInfo.CustomerName(ui.item.CustomerName);
                module.viewModel.customerInfo.CustomerTaxCode(ui.item.CustomerTaxCode);
                module.viewModel.customerInfo.CustomerAddressPhone(ui.item.CustomerAddressPhone);
                module.viewModel.customerInfo.CustomerBankAccount(ui.item.CustomerBankAccount);
                return false;
            }
        }).focus(function () {
            $(this).autocomplete("search");
        }).autocomplete("instance")._renderItem = function (ul, item) {
            return $("<li>")
                .append("<div>" + item.CustomerName + "</div>")
                .appendTo(ul);
        }

　　

　　重點代碼

focus(function () {
$(this).autocomplete("search");
})