Heim  >  Artikel  >  Web-Frontend  >  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
Barbara StreisandOriginal
2024-10-27 01:53:30284Durchsuche

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>

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>

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!

Stellungnahme:
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