Lassen Sie mich Ihnen zunächst sagen, was Event Provision ist: In Laiens Bedingungen sind Ereignisse auf dem Onclick, Onmouseover, Onmouseout usw. usw. Ereignisse. Was die Delegation betrifft, so soll andere es tun. Dieses Ereignis wurde ursprünglich zu bestimmten Elementen hinzugefügt, aber Sie fügen es anderen hinzu, um es zu tun, um das Ereignis abzuschließen.
Das heißt: Verwenden Sie das Prinzip der Blasen, um dem Elternteil Ereignisse hinzuzufügen, um den Ausführungseffekt auszulösen.
Die sogenannte dynamische Ereignisabnahme bezieht sich im Wesentlichen auf die Ereignisdelegation in JS.
Wir wissen, dass in JS die Ereignisverarbeitung nur an das aktuell ausgewählte Element gebunden sein kann. Mit anderen Worten kann die Ereignisverarbeitung nur an die Elemente gebunden sein, die bereits im aktuellen Dokument vorhanden sind! Oft werden Freunde jedoch auf ein Problem stoßen, dass mein Element später der Seite dynamisch hinzugefügt wurde, und ich möchte Ereignisse an das Element binden. Wie geht es damit um?
Um dieses Problem zu veranschaulichen, gehen wir davon aus, dass wir den Elementen, die später zur aktuellen Seite hinzugefügt werden, ein Klickereignis hinzufügen müssen.
Der Kern der Lösung dieses Problems besteht darin, das Delegiertereignis von JS zu verwenden. Der Vorteil von delegierten Ereignissen besteht darin, dass sie Ereignisse an nicht existierende Elemente binden können und delegierte Ereignisse häufig kleinere Gemeinkosten haben!
Off Topic: Lassen Sie mich das einfachste Beispiel geben: Wenn auf der Seite 1000 Divs vorhanden sind, sind es 1000 elementgebundene Ereignisse, wenn die Div direkt an das Klickereignis gebunden ist. Wenn Sie jedoch Ereignisdelegierter verwenden, benötigen Sie nur ein Element, um das Ereignis zu binden. PS: Ich hoffe, die Wörter können Ihnen helfen, die Bedeutung der Inbetriebnahme der Veranstaltung zu verstehen.
Wir möchten nur wissen, wie dynamisch erstellte Elemente Ereignisse hinzufügen, was sagen Sie so viel zu tun, was tun ...
OK, kehren wir zum Punkt zurück, siehe die spezifische Implementierung:
// Dynamisches Erstellungselement li $ .ajax ({Typ: 'get', Data: {}, Erfolg: function () {$ ('<li>'). function () {console.log ('ddd');});Das obige ist die vom Herausgeber vorgelegte JavaScript Dynamic Addition Event Commission. Ich hoffe, es wird Ihnen hilfreich sein. Wenn Sie Fragen haben, hinterlassen Sie mir bitte eine Nachricht und der Editor wird Ihnen rechtzeitig antworten. Vielen Dank für Ihre Unterstützung auf der Wulin.com -Website!