Heim  >  Artikel  >  Web-Frontend  >  Verwenden von js zum Implementieren des Ereignisverarbeitungsmodells

Verwenden von js zum Implementieren des Ereignisverarbeitungsmodells

亚连
亚连Original
2018-05-19 14:35:191383Durchsuche

Dieser Artikel stellt hauptsächlich die Verwendung von js zur Implementierung des Ereignisverarbeitungsmodells vor. Er hat einen gewissen Referenzwert für Anfänger.

Es gibt vier Ereignismodelle in verschiedenen Browsern: Original-Ereignismodell, Standard-Ereignismodell, IE-Ereignismodell und ein Netscape4-Ereignismodell, die im Folgenden ausführlich vorgestellt werden.

1. Derzeit gibt es vier Ereignisverarbeitungsmodelle: Original-Ereignismodell, Standard-Ereignismodell, IE-Ereignismodell und ein Netscape4-Ereignismodell, aber es kann grundsätzlich ignoriert werden

2 Das Ereignis Das Verarbeitungsmodell kann in zwei Typen unterteilt werden: grundlegende Ereignisverarbeitung und erweiterte Ereignisverarbeitung. Das ursprüngliche Ereignismodell gehört zur grundlegenden Ereignisverarbeitung, und das Standardereignismodell und das IE-Ereignismodell gehören zur erweiterten Ereignisverarbeitung

1. Grundlegende Ereignisverarbeitung:

Die grundlegende Ereignisverarbeitung bezieht sich hauptsächlich auf die vom ursprünglichen Ereignismodell implementierte Ereignisverarbeitung. Es ist hauptsächlich in die folgenden zwei Typen unterteilt:

(1), Ereignisverarbeitung als HTML-Tag, z. B.

……< ;/ p> in einer anonymen Funktion. Es kann das Schlüsselwort this geben, das auf das Tag-Element verweist, und das Schlüsselwort event, das das Ereignisobjekt darstellt, wenn das Ereignis auftritt (wird in Standardbrowsern verwendet). Zum Beispiel

...

Tatsächlich können wir onmouseover usw. als Funktion betrachten, bevor wir einen Wert zuweisen dazu ist es nur eine leere Funktion. Nach dem Zuweisen von js-Code entspricht dies dem Hinzufügen von Code zur leeren Funktion. Da es sich bei onmouseover usw. tatsächlich um eine Funktion handelt, können wir sie explizit aufrufen, z. B. element.onmouseover(). Dies führt jedoch nicht dazu, dass das Mouseover-Ereignis tatsächlich auftritt.

Sie können false an die Ereignisfunktion (z. B. onmoouseover usw.) zurückgeben, um die Standardaktion auszuführen. Die Funktion

wird in dem Bereich ausgeführt, in dem sie definiert ist. Wenn Sie also der Ereignisverarbeitungsfunktion JS-Code zuweisen, entspricht dies der Definition einer Funktion in dieser HTML-Tag-Umgebung. Diese Umgebung ist etwas ganz Besonderes Es ist hoch. Der Bereich der ersten Ebene ist nicht die globale Objektumgebung des Fensters. Es gibt mindestens eine Bereichsumgebung zwischen den beiden. Die übergeordnete Bereichsumgebung der in