Onkeypress gegen OnKeyup vs. Onkeydown

Während der Suche nach den Unterschieden zwischen diesen drei Ereignissen auf ein gemeinsames Missverständnis, dass OnKeypress gleichzeitig mit OnKeyUp vorkommt. Lassen Sie uns diese Verwirrung und das Licht auf die einzigartigen Eigenschaften jedes Ereignisses klären.

eine Ereignis -Zeitlinie

In der Sequenz der Schlüsseleingabegereignisse haben wir die folgende Aufschlüsselung:

1. onkeydown: , wenn das Benutzer auf den Benutzer gedrückt wird, wenn das Benutzer auf ein Benutzer gedrückt wird, wenn das Benutzer auf ein Benutzer drückt, wenn das Benutzer auf eine ANGRYSES eindrückt, wenn das Benutzer auf ein ANGRYSES gedrückt wird, a u. key.
2. onkeypress: veraltet und empfohlen, stattdessen OnKeydown zu verwenden. Dieses Ereignis ereignete sich, als der Benutzer sowohl einen Schlüssel drückte als auch ein Schlüssel, das effektiv eine Kombination von OnKeydown und OnKeyup. key.
3. Analogy with Mouse Events
To grasp the relationships between these key events, let's draw an analogy with their mouse counterparts:

• OnKeyUp: Äquivalent zu Mauseup
Browser -Ausnahme: webkit
in der Welt der Webbrowser, wob Die Ereignissequenz für Webkit wird also:

Schlüsseldown Schlüsselpress textInput keyUp

praktische Demonstration

keydown
keypress
textInput     
keyup

window.addeventListener ("keyUp", log); window.adDeVentListener ("Schlüsselpress", Protokoll); window.adDeVentListener ("Schlüsseldown", Protokoll); Funktionsprotokoll (Ereignis) { console.log (Event.Type); }

Dieses Skript protokolliert den Ereignistyp in der Konsole, während Sie mit der Tastatur interagieren. Sie werden die unterschiedliche Folge von Ereignissen bemerken, während Sie Tasten drücken und veröffentlichen.