• AddEventListener hat 3 Parameter, wie unten gezeigt:
Element.AdDeVentListener (Typ, Hörer, Uscapture);
| Parameter | Parameterbeschreibung |
|---|---|
| Element | Das Objekt, um das Ereignis und den HTML -Knoten zu binden. |
| Typ | Für den Veranstaltungsnamen entfernen Sie bitte das "ON" vor der Veranstaltung. Zum Beispiel sollte "Onclick" als "Klick" geschrieben werden, und "onmouseover" sollte als "Mausover" geschrieben werden. |
| Hörer | Um die Ereignishörfunktion zu binden, schreiben Sie vorsichtig nur den Funktionsnamen und enthalten keine Klammern. |
| Usercapture | Die Ereignisüberwachungsmethode kann nur wahr und falsch sein: Richtig, der den Capture -Modus einnimmt. Falsch, der Blasenmodus übernimmt. Wenn es keine besonderen Anforderungen gibt, ist es im Allgemeinen falsch. |
Hier ist es notwendig, über den Unterschied zwischen dem Erfassungsmodus und dem Blasenmodus zu sprechen.
Wie in der Abbildung gezeigt, gibt es zwei Schichten Divelemente und beide klicken Ereignisse. Wenn ich auf das innere blaue Element klicke, löst ich im Allgemeinen nicht nur das Klickereignis des blauen Elements aus, sondern auch das Klickereignis des roten Elements gleichzeitig. Der Parameter Usecapture besteht darin, die Reihenfolge der beiden Klick -Ereignisse zu diesem Zeitpunkt zu steuern. Wenn es falsch ist, wird der Blasenmodus verwendet. Es ist ein Vorgang von innen nach außen, daher wird das Klickereignis des blauen Elements zuerst und dann das Klickereignis des roten Elements ausgeführt. Wenn es wahr ist, ist es der Erfassungsmodus. Im Gegensatz zum Blasenmodus ist es von außen nach innen. Das Klickereignis des roten Elements wird zuerst ausgeführt, bevor das Klickereignis des blauen Elements ausgeführt wird.
Wenn die von Elementen unterschiedliche Ebenen verwendete Usecapture unterschiedlich ist, sucht das Zielelement zunächst nach Ereignissen, die für den Erfassungsmodus aus dem äußersten Element eingestellt sind. Nachdem Sie das Zielelement erreicht haben, um das Ereignis des Zielelements auszuführen, suchen Sie nach Ereignissen, die in den Bubble -Modus eingestellt sind.
• AttachEvent hat 2 Parameter, wie unten gezeigt:
Element.attacheAvent (Typ, Hörer);
| Parameter | Parameterbeschreibung |
|---|---|
| Element | Das Objekt, um das Ereignis und den HTML -Knoten zu binden. |
| Typ | Für den Ereignisnamen fügen Sie bitte "vor der Veranstaltung" wie "Onclick" und "Onmouseover" hinzu, was der Unterschied zu AddEventListener ist. |
| Hörer | Um die Ereignishörfunktion zu binden, schreiben Sie vorsichtig nur den Funktionsnamen und enthalten keine Klammern. |
AddEventListener () ist eine Standardmethode zur Bindung von Ereignishörfunktionen, die von W3C unterstützt wird. Chrome, Firefox, Oper, Safari, IE9.0 und vor allem unterstützen diese Funktion; IE8.0 und unten unterstützt diese Methode jedoch nicht, sondern verwendet AttafEvent (), um die Ereignishörfunktion zu binden. Daher muss diese Bindungsereignismethode mit Problemen mit Browserkompatibilität befassen.
Code kompatibel mit IE und Nicht-IE-Browser-Ereignisbindung:
Funktion AddEvent (OBJ, Typ, Handle) {try {// Chrome, Firefox, Opera, Safari, IE9.0 und höhere Versionen obj.addeventListener (Typ, Handle, Falsch); } catch (e) {try {// ie8.0 und unterversionen obj.attachEvent ('on' + type, Handle); } catch (e) {// Early Browser obj ['on' + type] = Handle; }}}oder
Funktion regevent (ele, event_name, fun) {if (window.attachEvent) ele.attachEvent (Event_name, Fun); // IE Browser else {event_name = event_name.replace (/^on/, ""); // Wenn start, löschen Sie ein, z. B. onclick-> klicken Sie auf ele.addeventListener (Event_name, Spaß, Falsch); // Nicht -IE -Browser}}In dem obigen Artikel geht es kurz um den Unterschied zwischen AddEventListener und AttachEvent 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.