Question

我们的DOM上有很少的元素作为对Web服务的响应而加载。我想在它们上绑定click事件。我对webservice调用没有任何控制权，因为它是由我不打算修改的框架完成的。

$(document).on('click', 'element', function)

这对我有所帮助，但正在使用的jquery版本较旧。是否有替代或本机JavaScript解决方案？

Answer 1

JavaScript世界中的一个热门方法是事件委托，并且有充分的理由。事件委派允许您避免向特定节点添加事件侦听器;相反，事件监听器被添加到一个父级。请参阅：http://davidwalsh.name/event-delegate

document.getElementById("parent-list").addEventListener("click", function(e) {
    // e.target is the clicked element!
    // If it was a list item
    if(e.target && e.target.nodeName == "LI") {
        // List item found!  Output the ID!
        console.log("List item ", e.target.id.replace("post-"), " was clicked!");
    }
});

对于不在dom上的元素的延迟绑定点击事件

1 个答案: