javascript - 输入上的 keyup 事件在页面加载时触发

Question

我有

<input type="text" name="search" id="search" placeholder="Enter search text..." />
<input type="submit" id="btnSearch" name="find" value="" />

和

$(document).ready(function () {    

$("#btnSearch").click(function () {
    doTheSearch();
});

$("#search").keyup(doTheSearch());

});

和

function doTheSearch() {
alert("");
var grid = $("#Grid").data("kendoGrid");
grid.dataSource.read();
};

我正在使用带有 mvc 包装器的 KendoUI 网格，不确定是否相关，但这里也有该代码

@(Html.Kendo().Grid<E4.Administrasjon.Models.viewModels.vmUser>()
.Name("Grid")
.Columns(columns =>
{
    columns.Bound(p => p.BrukerID);
    columns.Bound(p => p.navn);

})
.DataSource(dataSource => dataSource
    .Ajax() // Specify that the data source is of ajax type
    .ServerOperation(false)
    .Read(read => read.Action("Users_Read", "User")
        .Data("searchData")
    )
    .PageSize(20)
)
.Pageable()    
)

问题是当页面加载时，函数 doTheSearch() 被触发。当我尝试编写代码时，这应该只在用户输入文本或按下按钮时触发。

Answer 1

您正在调用函数而不是将其绑定(bind)到事件，这:

$("#search").keyup(doTheSearch());

应该是:

$("#search").keyup(doTheSearch);