Javascript 向要添加到dom的元素添加单击处理程序的最快方法

假设我们正在向dom添加几个元素。确保这些元素也添加了单击处理程序的最佳方法是什么？例如，如果我在类canvas部分的所有元素上都有一个click处理程序，并且我一直在添加canvas部分元素，那么在Jquery中确保这些新的canvas部分元素也添加了click处理程序的最佳方法是什么

---

之前，我曾使用livejquery函数或on，但对于动态添加的元素或添加原始click侦听器后添加的元素，这些函数似乎不起作用

可以将单击处理程序绑定到父对象，包括文档，如下所示：

$(document).on('click', '.div-to-click', function() {
    console.log('hi!');
});

---

请参阅：

没有最好的方法。您可以对它们进行直接绑定，也可以在动态子对象的父对象上生成委托事件处理程序。两种方法都有效。问最好的方法就是寻找一个固执己见的答案。