Question

我在重构系统中的keyup事件时遇到问题，事件最初看起来像这样：

$('#quotation_search_client').on('keyup',function(){
    param=$('#quotation_search_client').val();
    if(param.length>=4){
        var params = {
            social_reason: $('#quotation_search_client').val()
        }
        var clients=ClientServices.getByFilter(params);
        var addresses=ClientServices.getAddresses(clients.clients);
        QuotationServices.fillClients(clients.clients, addresses);      
    }else{
        $('#customers_results').html("");
    }
});

当它是这样的时候，它可以很好地工作，但是当我把它更改为：

$('#quotation_search_client').on('keyup',QuotationServices.searchClient({social_reason: $('#quotation_search_client').val()}));

定义函数＆＃34; searchClient＆＃34;像这样：

    QuotationServices.searchClient = function(params){
        param=$('#quotation_search_client').val();
        if(param.length>=4){
            var clients=ClientServices.getByFilter(params);
            var addresses=ClientServices.getAddresses(clients.clients);
            QuotationServices.fillClients(clients.clients, addresses);      
        }else{
            $('#customers_results').html("");
        }
    };

它停止工作，当我输入内容时没有任何反应。控制台没有显示任何错误，所以我在searchClient函数的开头写了一个console.log，显然它在我的页面加载时触发，显示params.social_reason带有一个空字符串，但是当我输入一些东西时正如我所说，没有任何反应。我不知道自己错过了什么，我所做的就是将事件的代码复制/粘贴到searchClient函数中并删除var params（因为我会将其作为参数接收）），有什么帮助？

Answer 1

您正在声明keyup事件后立即执行该函数，因此您不会将该函数传递给keyup事件。

你应该这样做：

$('#quotation_search_client').on('keyup',QuotationServices.searchClient);

并改变：

QuotationServices.searchClient = function(){
    var params = {social_reason: $('#quotation_search_client').val()}
    var param = $('#quotation_search_client').val();
    if(param.length>=4){
        var clients=ClientServices.getByFilter(params);
        var addresses=ClientServices.getAddresses(clients.clients);
        QuotationServices.fillClients(clients.clients, addresses);      
    }else{
        $('#customers_results').html("");
    }
};

jQuery，keyup事件没有触发

1 个答案: