javascript - 如何在动态创建的 标签上添加事件监听器 click()

Question

这个问题已经有答案了:

add event listener on elements created dynamically [duplicate] (8 个回答)

已关闭 5 年前。

如何在动态创建的所有标签上添加事件监听器 click()。

我有一个函数，一旦页面加载，它将在所有标记上添加事件监听器。但是当用户单击按钮时，我的 UI 将使用新标签进行更新。所以我想在动态创建的标签上添加 click() 函数。无论类名或 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/