0

我在 MVC4 网站上工作,我有一个带有搜索文本框的 webgrid。我的文本框在一个表单中,当我按 Enter 时将提交该表单。我还有一个绑定到文本框的 onkeypress 脚本,它将在 3 sek 后用输入的其他内容更新我的 webgrid。

我的问题是,如果不是最后按下的键是 Enter,我只想运行脚本。

我的代码如下所示:

                    @using (Ajax.BeginForm("Filter", new AjaxOptions { HttpMethod = "GET", InsertionMode = InsertionMode.Replace, UpdateTargetId = "projects" }))
                {  
                    <div class="paddingTextToleft">
                        Search:
                        <input id="searching" name="searchString" type="text" value="" onkeypress="return keypressed()">


                        <p class="error">@ViewBag.SearchMessage</p>

                    </div>
                    <br />
                }

和脚本:

 var timeoutReference;

function keypressed() {
    if (window.event.keyCode == 13) {
        //Do not run the script!
        return true;
    }
    else {
        if (timeoutReference) clearTimeout(timeoutReference);
        timeoutReference = setTimeout(function () {
            var value = $("#searching").val();


            $.ajax({
                url: '@Url.Action("Filter", "Project")',
                contentType: 'application/html; charset=utf-8',
                type: "GET",
                dataType: 'html',
                data: { searchString: value },
            }).success(function (result) {
                $('#projects').html(result);
            });
        }, 3000);
    }
};

如果按下的键是输入,我希望它停止脚本(或不运行其余部分)。

希望任何人都可以帮助我。

谢谢

4

1 回答 1

1

首先,您没有向函数发送事件。使用一些参数调用它,例如:

<input id="searching" name="searchString" type="text" value="" onkeypress="keypressed(e)">

然后在函数中接受这个事件:

var timeoutReference;

function keypressed(e) {
if (e.keyCode == 13) {
    //Do not run the script!
    return;
}
else {
    if (timeoutReference) clearTimeout(timeoutReference);
    timeoutReference = setTimeout(function () {
        var value = $("#searching").val();


        $.ajax({
            url: '@Url.Action("Filter", "Project")',
            contentType: 'application/html; charset=utf-8',
            type: "GET",
            dataType: 'html',
            data: { searchString: value },
        }).success(function (result) {
            $('#projects').html(result);
        });
    }, 3000);
}

};

于 2013-10-02T07:08:39.893 回答