3.1. Wie Ereignisse auftreten*
Im ersten Fall führt der Benutzer bestimmte Operationen auf der Webseite aus, z. B. auf eine Schaltfläche zu klicken, um ein Klickereignis zu generieren. Wenn der Benutzer im zweiten Fall nicht auf der Webseite betrieben hat, kann auch ein Ereignis stattfinden. Zum Beispiel hat der Browser die gesamte Seite geladen, wodurch ein Lastvervollständigungsereignis erstellt wird. Nachdem das Ereignis generiert wurde, sucht der Browser nach der Bindung des Knotens, der das Ereignis generiert hat, den entsprechenden Ereignisverarbeitungscode. Wenn ja, wird der Code aufgerufen, um ihn zu verarbeiten. Wenn nicht, wird der übergeordnete Knoten weiterhin nach oben durchsucht und es gibt keinen entsprechenden Ereignisverarbeitungscode (Ereignisblasen).
3.2. Bindungsereignisverarbeitungscode **
1) Binden Sie den Ereignisverarbeitungscode an das HTML -Tag
Zum Beispiel: <a id = "a1" href = "" onclick = "f1 ();"> klicken </a>
2) Binden Sie den Ereignisverarbeitungscode an den DOM -Knoten
var obj = document.getElementById ('a1'); obj.onclick = f1;
Beachten:
A. Fügen Sie nicht "() zu F1 hinzu. Das Hinzufügen von "()" bedeutet, dass F1 sofort ausgeführt wird.
B. Eine anonyme Funktionszeilenbindung kann verwendet werden.
Das heißt: obj.onclick = function () {// Code. }
C. Bindungsereignisverarbeitungscode an den DOM -Knoten kann den JS -Code ohne HTML vollständig trennen, was für die Code -Wartung geeignet ist.
D. Wenn Sie Parameter an die gebundene Funktion übergeben möchten. Anonyme Funktionen können gelöst werden.
Das heißt: obj.onclick = function () {f (Parameter); }
3) Verwenden Sie die eigene Bindungsmethode des Browsers (verstehen).
Verschiedene Browser haben ihre eigenen einzigartigen Bindungsmethoden, und weil sie nicht kompatibel sind, versuchen Sie, sie so wenig wie möglich zu verwenden.
Skriptskripte können in <body> geschrieben werden
Entspricht der folgenden Abbildung
Was ist, wenn Parameter übergeben werden? Verwenden Sie anonyme Funktionen
[Fall 3.1] Bindungsereignisverarbeitungscode zum oberen HTML -Tag **
3.3. Ereignisobjekt ***
1) Erhalten Sie das Ereignisobjekt
IE Browser: Sie können das Ereignis direkt verwenden, um zu erhalten
Firefox: Sie müssen der Methode ein Parameterereignis hinzufügen
Um mit IE und Firefox kompatibel zu sein, fügen Sie der Methode im Allgemeinen ein Parameterereignis hinzu.
2) Die Rolle von Ereignisobjekten
A. Rufen Sie die Koordinaten des Mausklicks ab
event.clientx event.clienty
B. Erhalten Sie die Ereignisquelle (das Objekt, das das Ereignis generiert hat)
Firefox: Event.Target erhält IE Browser: Event.srcelement GET
3.4. Ereignisblase **
1) Was ist Ereignisblase? Wenn ein Ereignis von einem Knoten generiert wird, wird das Ereignis nach oben nach oben (zuerst zum übergeordneten Knoten, wenn der übergeordnete Knoten einen übergeordneten Knoten hat, dann nach oben hochladen).
2) Wie kann man Blasen verbieten? event.cancelBubble = true;
2) Das Phänomen der "Ereignisblase" schließt das Dialogfeld "Sie haben auf einen Link geklickt" und rechnen weiterhin das Dialogfeld "Sie haben auf eine DIV geklickt".
【Fall 3.4】 Ereignisobjekt **
<html>
<!-Ereignisobjekt->
---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
JS verwendet ereignisgesteuert, um auf Benutzeroperationen zu reagieren.
Beispielsweise wird die Operation, die in einem Browserfenster oder Webseitenelement (Schaltfläche, Textfeld ...) über die Maus oder die Taste ausgeführt wird, als Ereignis (Ereignis) bezeichnet.
Die Aktionen einer Reihe von Programmen, die von Maus oder Hotkey ausgelöst werden, werden als Event-Triver genannt.
Ein Handler oder eine Funktion wird verwendet, um Ereignisse zu verarbeiten, die wir als Event -Handler (Event -Handler) bezeichnen.
---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
Browser -Kompatibilitätsverarbeitung
<script Language = "javaScript"> <!- if (window.xmlhttprequest) {// Mozilla, Safari, IE7, IE8 if (! window.activexObject) {// Mozilla, Safari, Alert ('Mozilla, Safari'); } else {alert ('ie7 .8'); }} else {alert ('ie6'); } //-> </script>-------------------------------------------------------------------------------fortgesetzt werden
Ein Ereignis erfordert mehrere Methoden, Sie können es verwenden und trennen.
<input type = "button" value = "rot" onclick = "mychange (this), Sayhello ()"/>
<Body Onkeydown = "ShowKey (Ereignis)" Onload = "ABC ()" Onunload = "ABC2 ()">
Der obige Artikel über die Browser-Kompatibilitätsmethode des Ereignismechanismus von JS ist der gesamte Inhalt, den ich mit Ihnen teile. Ich hoffe, Sie können Ihnen eine Referenz geben und ich hoffe, Sie können wulin.com mehr unterstützen.