Ereignis-Listener auf dynamisch erstellten Elementen ohne jQuery

Bei der Arbeit mit externen Seiten kann sich das Hinzufügen von Ereignis-Listenern zu dynamisch generierten Elementen als Herausforderung erweisen. In solchen Szenarien ist die Delegierung der Ereignisbehandlung von entscheidender Bedeutung.

Ein Ansatz besteht darin, mit der Eigenschaft event.target zu prüfen, ob das angeklickte oder ausgelöste Element vom gewünschten Typ ist. Hier ist ein Beispiel:

document.querySelector('body').addEventListener('click', function(event) {
  if (event.target.tagName.toLowerCase() === 'li') {
    // Execute desired action on encountered 'li' elements
  }
});

Hinweis: Bei diesem Ansatz wird davon ausgegangen, dass sich Ihre gewünschten Elemente innerhalb des

Vorbehalte:

• Diese Methode gilt nur für standardkonforme Browser (z. B. IE9). .
• Für ältere IE-Versionen (z. B. IE8) kann ein benutzerdefinierter Wrapper um die richtigen nativen Funktionen mithilfe von attachmentEvent erforderlich sein.