JavaScript -Schlüsselcodes

Der Unicode aller Tasten der Tastatur, einschließlich numerischer, Alphabets, Sonderzeichen uswSchlüsselcodes”. Wie wir wissen, ist JavaScript eine clientseitige Skriptsprache. Es ist häufig erforderlich, den Tastaturcode zu kennen, der einem Zeichen zugeordnet ist, während der Text oder Zeichen in einem Formularelement auf einer Webseite eingegeben wird.

Dieses Tutorial veranschaulicht die Verwendung von Schlüsselcodes in JavaScript mit detaillierten Beispielen. So lass uns anfangen!

So verwenden Sie JavaScript -Schlüsselcodes?

Wenn eine Tastatur-Taste gedrückt oder veröffentlicht wird, kann in jedem Browser drei verschiedene clientseitige Ereignisse, Tastaturdowns, TastePress und KeyUp stattfinden. Wenn eine Tastaturtaste gedrückt wird, wird das Tastendown -Ereignis ausgelöst, und unmittelbar danach wird das TastePress -Ereignis ausgeführt. Wenn der Schlüssel veröffentlicht wird, wird das KeyUp -Ereignis ausgelöst.

Diese Ereignisse können verwendet werden, um den Schlüsselcode eines Schlüssels abhängig von den Anforderungen zu erhalten. Schauen Sie sich die angegebenen Beispiele an, um Ihr Konzept zu beseitigen.

Beispiel 1: Überprüfen Sie, wann eine Taste gedrückt oder gedrückt wird

In diesem Beispiel wird eine Nachricht auf der Konsole angezeigt, wenn die Taste gedrückt wird und dann durch Drücken und Freilassung der Taste auf Ihrer Tastatur hochgedrückt wird. Zuerst erstellen wir eine Überschrift und zwei Eingabefelder mit den IDstxt1" Und "txt2”:

JavaScript -Schlüsselcodes

In der JavaScript -Datei holen wir das erste Eingabefeld mit der “abGetElementById ()Methode durch Übergabe von ID "txt1”Als Argument und dann nennen Sie die“AddEventListener ()Methode, wobei die “Fall.Standard verhindern()Die Methode wird aufgerufen, die überprüft, welche Art von Ereignis ausgelöst wird:

dokumentieren.GetElementById ("TXT1").AddEventListener ("Keydown", Funktion (Ereignis)
Fall.Standard verhindern();
Konsole.log ('$ Ereignis.Typ');
);

In ähnlicher Weise werden wir das gleiche für das zweite Eingangsfeld mit ID tun “txt2”:

dokumentieren.GetElementById ("TXT2").AddEventListener ("KeyUp", Funktion (Ereignis)
Fall.Standard verhindern();
Konsole.log ('$ Ereignis.Typ');
);

Infolgedessen wird die Ausgabe angezeigt "Taste nach untenMeldung auf der Konsole, wenn die Taste gedrückt wird, während sich die Cursorsteuerung im ersten Eingabefeld befindet. Wenn eine Taste im zweiten Eingabefeld gedrückt wird, wird keine neue Nachricht auf der Konsole angezeigt “SchlüsselEreignis wird ausgelöst:

Sie möchten den Tastaturcode abrufen, wenn eine Taste gedrückt wird? Schauen Sie sich das folgende Beispiel an!

Beispiel 2: Holen Sie sich den Unicode auf TastePress mit „Ereignis.welches "Attribut"

In diesem Beispiel werden wir versuchen, den Tasten zu erhalten, indem wir sie zufällig drücken. Dazu erstellen wir zwei Beschriftungen für Druckanweisungen, und der andere druckt die Unicodes auf einem Schlüsseldruck:

JavaScript -Schlüsselcodes

Drücken Sie eine beliebige Taste, um den Code dieser Taste zu erhalten:

Greifen Sie in der JavaScript -Datei auf die “zu“Onkeydown”Eigentum der“dokumentieren"Objekt, das die Funktion aufruft"checkCodeofpressionKey”Während Sie die Taste drücken. Wir werden das nennen "Fall.welche”Attribut, das für die Tastaturschlüsseleingabe verwendet wird, wenn es die“ normalisiert “Fall.Schlüsselcode" Und "Fall.Charcode" Werte. Die Funktion gibt den Code der Taste zurück, die gedrückt wird:

dokumentieren.OnKeydown = checkCodeofpressesKey;
functionCheckcodeofpressesKey (e)
var keycode;
if (Fenster.Fall)
KeyCode = Fenster.Fall.Schlüsselcode;

elseif (e)
KeyCode = e.welche;

dokumentieren.GetElementById ("Unicode").Innerhtml = KeyCode;

Ausgang

Wir haben alle wesentlichen Informationen zu Schlüsselcodes in JavaScript behandelt.

Abschluss

Der Unicode aller Tasten der Tastatur, einschließlich numerischer, Alphabets und Sonderzeichen, heißt “,"Schlüsselcodes”. JavaScript ist häufig erforderlich. In diesem Tutorial haben wir die Verwendung von Schlüsselcodes in JavaScript mit detaillierten Beispielen veranschaulicht.