Heim > Web-Frontend > js-Tutorial > Wie kann ich die gedrückte Taste in einem jQuery-Tastendruckereignis ermitteln?

Wie kann ich die gedrückte Taste in einem jQuery-Tastendruckereignis ermitteln?

Patricia Arquette
Freigeben: 2024-12-09 11:07:07
Original
471 Leute haben es durchsucht

How Can I Determine the Pressed Key in a jQuery Keypress Event?

Ermitteln der gedrückten Taste im jQuery-Tastendruckereignis

Bei der Bindung an das Tastendruckereignis in jQuery gibt es zwei Eigenschaften, die zur Identifizierung der gedrückten Taste verwendet werden können: keyCode und welche.

Mit keyCode und which

Mit dem keyCode bzw. können Sie herausfinden, welche Taste gedrückt wurde welche Eigenschaft des Ereignisobjekts.

$('#searchbox input').bind('keypress', function(e) {
  var code = e.keyCode || e.which;
  if (code == 13) { //Enter keycode
    //Do something
  }
});
Nach dem Login kopieren

Variation in der Browserunterstützung

Einige Browser bieten sowohl keyCode als auch which, während andere möglicherweise nur einen bereitstellen. Im Allgemeinen wird dies in neueren Browsern bevorzugt, während keyCode in älteren Browsern unterstützt wird.

Senden mit der EINGABETASTE

Um ein Senden auszulösen, wenn die EINGABETASTE gedrückt wird, können Sie den folgenden Code verwenden :

$('#searchbox input').bind('keypress', function(e) {
  var code = e.keyCode || e.which;
  if (code == 13) {
    $(this).closest('form').submit();
  }
});
Nach dem Login kopieren

Das obige ist der detaillierte Inhalt vonWie kann ich die gedrückte Taste in einem jQuery-Tastendruckereignis ermitteln?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage