Wie kann ich Tastendrücke, einschließlich der Eingabetaste, in jQuery zuverlässig erkennen?

Grundlegendes zum Keypress-Ereignis in jQuery

Bei der Bindung an das Keypress-Ereignis in jQuery ist es wichtig zu ermitteln, welche Taste gedrückt wurde. Dieses Wissen ermöglicht es Ihnen, bestimmte Aktionen basierend auf dem Tastendruck auszuführen.

Zugriff auf Tastendruckinformationen

In JavaScript stellt das Tastendruckereignis zwei Eigenschaften bereit, die Informationen über die gedrückte Taste enthalten :

• keyCode: Ein numerischer Wert, der die Position des Schlüssels auf dem darstellt Tastatur.
• welche: Ein numerischer Wert, der den Unicode-Zeichencode der Taste darstellt.

Wenn beispielsweise die Taste „ENTER“ gedrückt wird, wird die Die Eigenschaft „keyCode“ gibt normalerweise 13 zurück, während die Eigenschaft „which“ für Nicht-Unicode-Schlüssel 13 und für Unicode den Unicode-Zeichencode zurückgibt Schlüssel.

Auswahl der am besten geeigneten Eigenschaft

Wenn Sie nur daran interessiert sind, die „ENTER“-Taste zu erkennen, die niemals einen Unicode-Schlüssel auslöst, können Sie beide verwenden der keyCode oder welche Eigenschaft. Wenn Sie jedoch beabsichtigen, auch Unicode-Schlüssel zu verarbeiten, empfiehlt es sich, die Eigenschaft „which“ zu verwenden.

Browservarianten

Verschiedene Browser verwenden möglicherweise unterschiedliche Eigenschaften für die Schlüsselerkennung. Während die meisten modernen Browser sowohl keyCode als auch which unterstützen, unterstützen ältere Browser möglicherweise nur die eine oder andere Eigenschaft.

Um die Kompatibilität zwischen Browsern sicherzustellen, sollten Sie die Verwendung beider Eigenschaften in Ihrem Tastendruck-Handler in Betracht ziehen:

var code = e.keyCode || e.which;
if (code == 13) { // ENTER keycode
  // Perform action
}

Dieser Ansatz prüft beide Eigenschaften und weist der Codevariablen den Wert ungleich Null zu. Durch den Vergleich des Codes mit dem „ENTER“-Tastencode (13) können Sie effektiv feststellen, wann die „ENTER“-Taste gedrückt wird.

Das obige ist der detaillierte Inhalt vonWie kann ich Tastendrücke, einschließlich der Eingabetaste, in jQuery zuverlässig erkennen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!