Sprechen Sie kurz über die Ereignisüberwachung in JavaScript

Autor：Eve Cole Aktualisierungszeit：2022-06-28 09:23:03

Dieser Artikel vermittelt Ihnen relevantes Wissen über JavaScript. Er organisiert hauptsächlich Fragen im Zusammenhang mit der Ereignisüberwachung, einschließlich der Frage, was Ereignisüberwachung ist, wie man die Ereignisüberwachung einrichtet usw. Ich hoffe, dass es für Sie nützlich ist. helfen.

Was ist „Ereignisüberwachung“?

DOM ermöglicht es uns, HTML- Elemente auf Ereignisse zu reagieren

: Interaktionen zwischen Benutzern und Webseiten, z. B.

um es dem Computer zu ermöglichen , dieses Ereignis zu erkennen Tritt zu jedem Zeitpunkt auf . Dabei

gibt es zwei Hauptmethoden, um Ereignis-Listener festzulegen: onxxx und addEventListener

(

)

; () {
    // Wenn auf das Kästchen geklickt wird, wird die Anweisung hier ausgeführt}

Allgemeine Mausereignisüberwachung,

Ereignisname,	Ereignisbeschreibung,
onclick,	wenn die Maus einzeln auf einem Objekt ist,
ondblclick,	wenn die Maus auf ein Objekt doppelklickt
, onmousedown,	wenn eine Maustaste gedrückt wird ein Objekt
onmouseup,	wenn eine Maustaste auf einem Objekt losgelassen wird
onmousemove	, wenn eine Maustaste auf einem Objekt bewegt wird
onmouseenter,	wenn die Maus ein Objekt betritt (ähnliches Ereignis onmouseover)
onmouseleave,	wenn die Maus ein Objekt verlässt (ähnliches Ereignis onmouseout)

Allgemeine Tastaturereignisüberwachung

Ereignisname	Ereignisbeschreibung
onkeypress	, wenn eine Tastaturtaste gedrückt wird (Systemtasten wie Pfeiltasten und Funktionstasten werden nicht erkannt)
onkeydown,	wenn eine Tastaturtaste gedrückt wird (Systemtasten können erkannt werden und werden vor onkeypress ausgeführt)
onkeyup	Wenn eine Tastaturtaste wird freigegeben.

Name

des allgemeinen Formularereignisüberwachungsereignisses

ausgelöst. wird onblur ausgelöst beim gesendet

.	Ereignisbeschreibung.
onchange	Wenn der Benutzer den Inhalt eines Formularfelds ändert, wird
onfocus	Wenn ein Element den Fokus erhält (z. B. die Tabulatortaste oder ein Mausklick),
,	wenn
ein	Element den Fokus verliert
Das Formular wird
Zurücksetzen	, wenn das Formular zurückgesetzt wird.

Ereignisname

der allgemeinen Seitenereignisüberwachung.

Ereignisbeschreibung	.
Onload,	wenn die Seite oder das Bild fertig ist. Laden.
Onunload,	wenn der Benutzer die Seite verlässt.

Die Ereignisweitergabe

beginnt von außen nach innen (Erfassungsphase) und dann von

Das Schreiben

von innen nach außen (Bubbling-Phase) kann jedoch nur die Bubbling-Phase überwachen.

Daher müssen Sie die Methode addEventListener (

oBox1.addEventListener

) verwenden .

, Funktion(){
    // Dies ist die Ereignisverarbeitungsfunktion}, true) // true bedeutet das Abhören der Erfassungsphase, false bedeutet das Abhören der Sprudelphase.

Hinweis:

Das innerste Element unterscheidet nicht mehr zwischen der Erfassungs- und der Sprudelphase wird zuerst ausgeführt und dann nach der Ausführung geschrieben;
wenn die gleichen zwei oder mehr Ereignisse mit demselben Namen für ein Element festgelegt sind, überschreiben diejenigen, die später auf der DOM0-Ebene geschrieben werden, die zuerst geschriebenen, während die auf der DOM2-Ebene geschriebenen Ereignisse ausgeführt werden Befehl ;