Comment ajouter un écouteur d'événement click() sur <a></a> tag qui a été créé dynamiquement

Question

Comment ajouter un écouteur d'événement click() sur tous les tags créés dynamiquement.

J'ai une fonction qui va ajouter des écouteurs d'événements sur tous les tags une fois la page chargée. Mais mon interface utilisateur sera mise à jour avec la nouvelle balise lorsque l'utilisateur cliquera sur le bouton. Donc, je voudrais ajouter la fonction click() sur la balise créée dynamiquement aussi. Cela doit se produire indépendamment du nom de la classe ou de l'ID.

var inputs = document.querySelectorAll("a");        
for(var i = 0; i < inputs.length; i++){                 
    inputs[i].addEventListener("click", function(e){                       
      //My code..                
    });       
} 

Answer 1

Vous pouvez faire une telle chose facilement avec jQuery:

<div id="placeholder"></div> 

<script>  
    $('#placeholder').on('click', 'a', function (e) { 
     // event handler for dynamically added children 
    }); 
</script> 

https://jsfiddle.net/kr8ym0sa/3/