如果按下键，则运行JavaScript！

Question

Im working on a MVC4 site, and I have a webgrid with a search textbox. My Textbox is inside a form, which will be submitted when I press enter. I also have a onkeypress script bound to the textbox, that will, after 3 sek, update my webgrid with what else is entered.

My problem is, that I only want to run the script if not the last key pressed is Enter.

My code looks like this:

                    @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 />
                }

And the script:

 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);
    }
};

I want it to stop the script (or not run the rest of it), if the key pressed is enter.

Hope anyone can help me.

Thanks

Answer 1

Firstly you are not sending Event to the function. Call it with some parameters eg:

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

Then accept this event in a function:

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);
}

};