イベントリスナーclick（）を追加する方法<a></a>動的に作成されたタグ

Question

動的に作成されたすべてのタグにイベントリスナーclick（）を追加する方法。

私は、ページがロードされると、すべてのタグにイベントリスナーを追加する関数を持っています。しかし、ユーザーがボタンをクリックすると、私のUIは新しいタグで更新されます。だから私はまた、動的に作成されたタグに（）関数を追加したいと思います。これは、クラス名やIDに関係なく発生する必要があります。

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

Answer 1

あなたはjQueryを使って簡単にそのようなことを行うことができます。

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

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

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