Heim > Web-Frontend > js-Tutorial > Wie identifiziere ich die gedrückte Zeichentaste in JavaScript in allen Browsern?

Wie identifiziere ich die gedrückte Zeichentaste in JavaScript in allen Browsern?

Barbara Streisand
Freigeben: 2024-10-27 01:53:30
Original
403 Leute haben es durchsucht

How to Identify the Pressed Character Key in JavaScript Across Browsers?

Identifizieren der gedrückten Zeichentaste in Javascript

Das Erkennen der gedrückten Zeichentaste auf browserübergreifende kompatible Weise mit reinem Javascript kann durch erreicht werden Folgende Schritte:

Lösung:

Um dies zu erreichen, nutzen wir je nach verwendetem Browser zwei Methoden:

  1. Internet Explorer: Wenn das window.event-Objekt verfügbar ist, extrahieren Sie die keyCode-Eigenschaft des Ereignisobjekts.
  2. Netscape/Firefox/Opera: Wenn die e.which-Eigenschaft vorhanden ist, Verwenden Sie es, um den Zeichenschlüsselcode abzurufen.

Beispielcode:

Der folgende Codeausschnitt demonstriert die Implementierung:

<code class="javascript">function myKeyPress(e) {
  var keynum;

  if (window.event) { // IE
    keynum = e.keyCode;
  } else if (e.which) { // Netscape/Firefox/Opera
    keynum = e.which;
  }

  alert(String.fromCharCode(keynum));
}</code>
Nach dem Login kopieren

Verwendung:

Um diesen Code zu verwenden, integrieren Sie ihn in Ihr HTML-Dokument zusammen mit einem Eingabefeld, das Tastendruckereignisse erfassen kann:

<code class="html"><input type="text" onkeypress="return myKeyPress(event)" /></code>
Nach dem Login kopieren

Wenn eine Zeichentaste gedrückt wird Innerhalb des Eingabefelds führt das Code-Snippet die myKeyPress-Funktion aus, identifiziert den Zeichentastencode und zeigt das entsprechende Zeichen in einem Warnfenster an.

Das obige ist der detaillierte Inhalt vonWie identifiziere ich die gedrückte Zeichentaste in JavaScript in allen Browsern?. 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