Sprechen Sie kurz über die Ereignisüberwachung in JavaScript

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. Schauen wir uns das hoffentlich gemeinsam an.

【Verwandte Empfehlungen: Javascript-Video-Tutorial, Web-Frontend】

Was ist „Event Listening“

DOM ermöglicht es uns, JS-Code zu schreiben, damit HTML-Elemente auf Ereignisse reagieren;

Ereignis: Die Interaktion zwischen dem Benutzer und der Webseite; z. B.: Klicken auf die Webseite;

Zuhören: Es soll dem Computer ermöglichen, zu jedem Zeitpunkt zu erkennen, dass dieses Ereignis aufgetreten ist, um es auszuführen Einige vom Programmierer vorab geschriebene Programme. Ereignisse festlegen. Es gibt zwei Hauptüberwachungsmethoden: onxxx und addEventListener().

Die einfachste Möglichkeit, die Ereignisüberwachung festzulegen Mausereignisüberwachung

Ereignisname

Ereignisbeschreibung

onclickWenn die Maus einmal auf ein Objekt klicktondblclickWenn die Maus auf ein Objekt doppelklickt onmousedownWenn eine Maustaste auf einem Objekt gedrückt wird. Drücken SieonmouseupWenn eine Maustaste auf einem Objekt losgelassen wird.onmousemoveWenn eine Maustaste auf einem Objekt bewegt wird.onmouseenter Wenn die Maus ein Objekt betritt (ähnliches Ereignis bei Mausbewegung)bei MausbewegungWenn die Maus ein Objekt verlässt (ähnliches Ereignis bei Mausbewegung)EreignisnameVeranstaltung Beschreibung

	Allgemeine Tastaturereignisüberwachung

onkeypressWenn eine bestimmte Tastaturtaste gedrückt wird (Systemtasten wie Pfeiltasten und Funktionstasten können nicht erkannt werden) onkeydownWenn eine bestimmte Tastaturtaste gedrückt wird (Systemtasten können nicht erkannt werden). und wird vor onkeypress auftreten)onkeyupWenn eine Tastaturtaste losgelassen wirdEreignisnameEreignisbeschreibung

	Übliche Ereignisüberwachung in Form

onchange Wenn der Benutzer den Inhalt eines Formularfelds ändert, wird onfocusWenn ein Element den Fokus erhält (z. B. Tabulatortaste oder Mausklick) onblurWenn ein Element den Fokus verliertonsubmitWenn das Formular gesendet wirdonresetWenn das Formular zurückgesetzt wirdEreignisname Ereignis. Beschreibung

ausgelöst
	Gemeinsame Seitenereignisüberwachung

onload Wenn die Seite oder das Bild vollständig geladen istbeim EntladenWenn der Benutzer die Seite verlässtZuerst von außen nach innen (Erfassungsphase) und dann noch einmal Von innen nach außen (Bubbling-Stadium) (DOM-Ebene 2);

oBox.onclick = function () {
    // 点击盒子时，将执行这里的语句
}

	Ausbreitung von Ereignissen

Hinweise

Die meisten internen Elemente unterscheiden nicht mehr zwischen der Erfassungs- und der Sprudelphase, der vorne geschriebene Monitor wird zuerst ausgeführt und dann der Monitor Wenn Sie zwei oder mehr Ereignisse mit demselben Namen für ein Element festlegen, wird die später geschriebene DOM-Ebene 0 ausgeführt in der richtigen Reihenfolge ausgeführt werden

;

Das obige ist der detaillierte Inhalt vonSprechen Sie kurz über die Ereignisüberwachung in JavaScript. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!