javascript - 将点击处理程序添加到要添加到 dom 的元素的最快方法

Question

这个问题已经有答案了:

Event binding on dynamically created elements? (23 个回答)

已关闭 4 年前。

假设我们要向 dom 添加几个元素。确保这些元素也添加了单击处理程序的最佳方法是什么？例如，如果我对具有“canvas-section”类的所有元素都有一个单击处理程序，并且我不断添加“canvas-section”元素，那么在 Jquery 中确保这些新的“canvas-section”元素的最佳方法是什么？元素还添加了单击处理程序。

之前我曾经使用“live”jquery函数或“on”，但这些似乎不适用于动态添加或添加原始点击监听器后添加的元素。

Answer 1

您可以将点击处理程序绑定(bind)到父对象，包括 document，如下所示:

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

参见:https://api.jquery.com/on/