Question

如何在动态创建的所有标记上添加事件监听器click（）。

我有一个函数，一旦页面加载就会在所有标签上添加事件监听器。但是当用户点击按钮时，我的UI将使用新标签进行更新。所以我想在动态创建的标签上添加click（）函数。无论班级名称或身份证如何，都必须这样做。

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/

如何在动态创建的<a></a>标记上添加事件侦听器click（）

1 个答案: