jQuery-Tastendruck-Pfeiltasten

Ich versuche, Pfeiltasten in jQuery zu erfassen, aber es werden keine Ereignisse ausgelöst.

$(function(){
    $('html').keypress(function(e){
        console.log(e);
    });
});

Dies generiert Ereignisse für alphanumerische Schlüssel, aber Löschen, Pfeiltasten usw. erzeugen kein Ereignis.

Was mache ich falsch, um diese nicht zu erfassen?

Sie sollten verwenden, .keydown()weil .keypress()"Pfeile" ignoriert wird, um die Verwendung des Schlüsseltyps zu erfassene.which

Drücken Sie auf den Ergebnisbildschirm, um zu fokussieren (unten rechts auf dem Geigenbildschirm), und drücken Sie dann die Pfeiltasten, um zu sehen, ob es funktioniert.

Anmerkungen:

1. .keypress()wird niemals mit Shift, Esc und Delete ausgelöst, sondern .keydown()wird.
2. Tatsächlich wird .keypress()in einigen Browsern durch Pfeiltasten ausgelöst, aber es ist nicht browserübergreifend, so dass es zuverlässiger zu verwenden ist .keydown().

Weitere nützliche Informationen

3. Sie können .whichOder .keyCodedes Ereignisobjekts verwenden - Einige Browser unterstützen keinen von ihnen, aber bei Verwendung von jQuery ist es sicher, beide zu verwenden, da jQuery die Dinge standardisiert. (Ich hatte lieber .whichnie ein Problem mit).
4. Um einen ctrl | alt | shift | METADruck mit der tatsächlich erfassten Taste zu erkennen, sollten Sie die folgenden Eigenschaften des Ereignisobjekts überprüfen: Sie werden auf TRUE gesetzt, wenn sie gedrückt wurden:
   • event.ctrlKey - Strg
   • event.altKey - alt
   • event.shiftKey - Verschiebung
   • event.metaKey - META ( Befehl ⌘ ODER Windows-Taste )

5. Schließlich - hier sind einige nützliche Schlüsselcodes (Für eine vollständige Liste - Schlüsselcode -Cheatsheet ):

   • Geben Sie ein: 13
   • Up: 38
   • Unten: 40
   • Rechts: 39
   • Links: 37
   • Esc: 27
   • Leertaste: 32
   • Strg: 17
   • Alt: 18
   • Schicht: 16

$(document).keydown(function(e) {
    console.log(e.keyCode);
});

Tastendruckereignisse erkennen Pfeiltasten, jedoch nicht in allen Browsern. Es ist also besser, Keydown zu verwenden.

Dies sind Schlüsselcodes, die Sie in Ihrem Konsolenprotokoll erhalten sollten:

• links = 37
• up = 38
• rechts = 39
• down = 40

Sie können überprüfen, ob eine Pfeiltaste gedrückt wird durch:

$(document).keydown(function(e){
    if (e.keyCode > 36 && e.keyCode < 41) 
      alert( "arrowkey pressed" );          
});

jsfiddle Demo

left = 37,up = 38, right = 39,down = 40

$(document).keydown(function(e) {
switch(e.which) {
    case 37:
    $( "#prev" ).click();
    break;

    case 38:
    $( "#prev" ).click();
    break;

    case 39:
    $( "#next" ).click();
    break;

    case 40:
    $( "#next" ).click();
    break;

    default: return;
}
e.preventDefault();

});

Bitte beziehen Sie sich auf den Link von JQuery

http://api.jquery.com/keypress/

Es sagt

Das Tastendruckereignis wird an ein Element gesendet, wenn der Browser Tastatureingaben registriert. Dies ähnelt dem Keydown-Ereignis, mit der Ausnahme, dass Modifikator- und nicht druckbare Tasten wie Shift, Esc und Delete Keydown-Ereignisse auslösen, jedoch keine Tastendruckereignisse. Je nach Plattform und Browser können andere Unterschiede zwischen den beiden Ereignissen auftreten.

Das heißt, Sie können bei Pfeilen keinen Tastendruck verwenden.

$(document).on( "keydown",  keyPressed);

function keyPressed (e){
    e = e || window.e;
    var newchar = e.which || e.keyCode;
    alert(newchar)
}