How can I detect the Enter key in Firefox?

Question

I am able to successfully detect the Enter key in Internet Explorer 10, Chromium and Opera, but not in Firefox.

I have found a few pages on here, though they do not work in Firefox either. Am I doing something wrong, here?

TypeScript:

function HandleKeyPress(e) {
    var key = e.keyCode || e.which;

    if (key == 13) {
        // We got this.
        var textbox = <HTMLInputElement>document.getElementById("tbox");
        sayHello(textbox.value);
    }
}

Resulting JavaScript (identical):

function HandleKeyPress(e) {
    var key = e.keyCode || e.which;
    if(key == 13) {
        var textbox = document.getElementById("tbox");
        sayHello(textbox.value);
    }
}

HTML:

<input type="text" value="dfgdfgdfg" id="tbox" onkeypress="HandleKeyPress(event)" />

I can't use any external libraries, I have to do this in pure JavaScript (or a language that compiles to pure JS).

---

Update:

---

I just installed Firebug and in the Consolw pane I noticed (just after pressing the Enter jey on the textfield:

 http://localhost:1058/Default.cshtml?someValue=dfgdfgdfgkjkhj <p>You said: dfgdfgdfgkjkhj</p> 

See below for the pic:

Notice that the page itself has not updated the value of the response paragraph to what was entered in the textbox, but , Firebug does indeed say that it was successfully posted.

Now, since this code works on every other browser (IE, Chrome/Canary and <, Opera, Safari), my question is, maybe Firefox is detecting the key event, but the part that isn't working is after that?

Answer 1

You should change onkeypress to onkeydown as onkeypress only fires for printable characters in some implementations.

Your existing code should work with onkeydown .

Answer 2

try this:

<input type="text" value="dfgdfgdfg" id="tbox" onkeypress="HandleKeyPress(event)" />

And define the function HandleKeyPress as:

function HandleKeyPress(evt){
    var key = evt.which || evt.charCode || evt.keyCode || 0;

    if (key == 13) ...
}

Answer 3

You can accomplish by using jQuery like this

$(".input").keyup(function (e) {
    if (e.keyCode == 13) {
        // Whatever
    }
});