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:
// Dynamische Erstellung von Element li $ .ajax ({Typ: 'get', Data: {}, Erfolg: function () {$ ('<li>'). function () {console.log ('ddd');});Der obige Artikel ist ein Klischee über JS Dynamic Addition Ereignisse-Ereignisverantwortung 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.