Wie kann ich erkennen, Drücken der Eingabetaste auf der Tastatur mit jQuery?

Question

Ich würde gerne erkennen, ob der Benutzer die Taste Enter mit jQuery.

Wie ist das möglich? Ist dafür ein Plugin erforderlich?

Es sieht so aus, als müsste ich die keypress() método.

Gibt es Browser-Probleme mit diesem Befehl - z. B. Probleme mit der Browserkompatibilität, über die ich Bescheid wissen sollte?

Answer 1

Der Sinn von jQuery besteht darin, dass man sich keine Gedanken über Browserunterschiede machen muss. Ich bin mir ziemlich sicher, dass Sie sicher mit enter 13 in allen Browsern sein. Mit diesem Gedanken im Hinterkopf können Sie also Folgendes tun:

$(document).on('keypress',function(e) {
    if(e.which == 13) {
        alert('You pressed enter!');
    }
});

Answer 2

Ich habe ein kleines Plugin geschrieben, um die Bindung des Ereignisses "on enter key pressed" zu erleichtern:

$.fn.enterKey = function (fnc) {
    return this.each(function () {
        $(this).keypress(function (ev) {
            var keycode = (ev.keyCode ? ev.keyCode : ev.which);
            if (keycode == '13') {
                fnc.call(this, ev);
            }
        })
    })
}

Verwendung:

$("#input").enterKey(function () {
    alert('Enter!');
})

Answer 3

Ich konnte den von @Paolo Bergantino geposteten Code nicht zum Laufen bringen, aber als ich ihn in $(document) y e.which anstelle von e.keyCode dann habe ich festgestellt, dass es einwandfrei funktioniert.

$(document).keypress(function(e) {
    if(e.which == 13) {
        alert('You pressed enter!');
    }
});

Link zum Beispiel auf JS Bin

Answer 4

Ich habe festgestellt, dass dies besser mit allen Browsern kompatibel ist:

$(document).keypress(function(event) {
    var keycode = event.keyCode || event.which;
    if(keycode == '13') {
        alert('You pressed a "enter" key in somewhere');    
    }
});

Answer 5

Sie können dies mit dem jQuery-Ereignishandler "keydown" tun:

$("#start").on( "keydown", function(event) {
  if(event.which == 13)
     alert("Entered!");
});