Ereignis-Listener für dynamisch erstellte Elemente

Um Ereignis-Listener zu dynamisch generierten Elementen ohne jQuery hinzuzufügen, können Sie die Ereignisdelegierung verwenden. So geht's:

Verwenden Sie die Ereignisdelegierung
Mit der Zieleigenschaft des Ereignisobjekts können Sie identifizieren, auf welchem ​​Element das Ereignis aufgetreten ist. Auf diese Weise können Sie einen Ereignis-Listener an ein übergeordnetes Element binden und prüfen, ob das Zielelement auf bestimmte Kriterien reagiert. Zum Beispiel:

document.querySelector('body').addEventListener('click', function(event) {
  if (event.target.tagName.toLowerCase() === 'li') {
    // Do your action on the newly created 'li'
  }
});

In diesem Beispiel ist der Ereignis-Listener an den Körper gebunden, und wenn auf ein untergeordnetes Element geklickt wird, prüft der Code, ob es sich um ein „li“ handelt. Wenn ja, wird die angegebene Aktion ausgeführt.

Vorbehalte
Beachten Sie, dass dieser Ansatz gut mit modernen Browsern funktioniert, die den Ereignisdelegierungsmechanismus unterstützen. Für ältere IE-Versionen müssen Sie möglicherweise einen benutzerdefinierten Event-Handler mit attachmentEvent implementieren.