jQuery Event Keypress: Welche Taste wurde gedrückt?

Question

Mit jQuery, wie finde ich heraus, welche Taste gedrückt wurde, wenn ich an das keypress-Ereignis binden?

$('#searchbox input').bind('keypress', function(e) {});

Ich möchte eine Übermittlung auslösen, wenn ENTER gedrückt wird.

[Update]

Auch wenn ich die (oder besser: eine) Antwort selbst gefunden habe, scheint es einen gewissen Spielraum für Variationen zu geben ;)

Gibt es einen Unterschied zwischen keyCode y which - vor allem, wenn ich nur auf der Suche nach ENTER der niemals ein Unicode-Schlüssel sein wird?

Bieten einige Browser die eine Eigenschaft und andere die andere?

Answer 1

Eigentlich ist das besser:

 var code = e.keyCode || e.which;
 if(code == 13) { //Enter keycode
   //Do something
 }

Answer 2

Versuchen Sie dies

$('#searchbox input').bind('keypress', function(e) {
    if(e.keyCode==13){
        // Enter pressed... do anything here...
    }
});

Answer 3

Wenn Sie jQuery UI verwenden, haben Sie Übersetzungen für gängige Tastencodes. Unter ui/ui/ui.core.js :

$.ui.keyCode = { 
    ...
    ENTER: 13, 
    ...
};

Es gibt auch einige Übersetzungen in tests/simulate/jquery.simulate.js, aber ich konnte keine in der JS-Kernbibliothek finden. Wohlgemerkt, ich habe lediglich die Quellen gegrapscht. Vielleicht gibt es eine andere Möglichkeit, diese magischen Zahlen loszuwerden.

Sie können auch String.charCodeAt und .fromCharCode verwenden:

>>> String.charCodeAt('\r') == 13
true
>>> String.fromCharCode(13) == '\r'
true

Answer 4

Da Sie jQuery verwenden, sollten Sie unbedingt .which verwenden. Ja, verschiedene Browser setzen verschiedene Eigenschaften, aber jQuery wird sie normalisieren und den .which-Wert in jedem Fall setzen. Siehe Dokumentation unter http://api.jquery.com/keydown/ heißt es:

Um festzustellen, welche Taste gedrückt wurde, können wir das Ereignisobjekt untersuchen, das an die Handler-Funktion übergeben wird. Während Browser unterschiedliche Eigenschaften verwenden, um diese Informationen zu speichern, normalisiert jQuery die Eigenschaft .which, sodass wir sie zuverlässig verwenden können, um den Tastencode abzurufen.

Answer 5

... dieses Beispiel verhindert die Übermittlung von Formularen (was regelmäßig die grundlegende Absicht bei der Erfassung von Tastendrucken #13 ist):

$('input#search').keypress(function(e) {
  if (e.which == '13') {
     e.preventDefault();
     doSomethingWith(this.value);
   }
});