Écoute d'événements sur des éléments créés dynamiquement sans jQuery

Lorsque vous travaillez avec des pages externes, l'ajout d'écouteurs d'événements à des éléments générés dynamiquement peut s'avérer difficile. La délégation de la gestion des événements est cruciale dans de tels scénarios.

Une approche consiste à utiliser la propriété event.target pour vérifier si l'élément cliqué ou déclenché est du type souhaité. Voici un exemple :

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

Remarque : Cette approche suppose que les éléments souhaités se trouvent dans l'élément

Avertissements :

• Cette méthode s'applique uniquement aux navigateurs conformes aux normes (par exemple, IE9 ) .
• Pour les anciennes versions d'IE (par exemple, IE8), un wrapper personnalisé autour des fonctions natives appropriées utilisant attachEvent peut être nécessaire.