javascript - 如果 HTML 元素有一个监听器，那么在该元素从 DOM 中移除后监听器会发生什么？

Question

如标题所述，如果我有一个绑定(bind)到 HTML 元素的 jQuery 监听器，然后使用 jQuery 从 DOM 中删除 HTML 元素会发生什么？

<div id="eventDiv> ... </div>


$('#eventDiv').click(function() {
    // event handling code here
 });

那么当我这样做时听众会发生什么

 $('#eventDiv').remove();

此外，如果您不使用 jQuery 而使用 document.removeChild() 会怎样？

Answer 1

如果您查看 jQuery source , remove() 调用一个名为 cleanData 的函数，该函数调用 jQuery.event.remove 或 jQuery.removeEvent(这似乎是一个内部函数)。这些方法最终会调用 unbind()，它会删除您正在删除的 DOM 元素的所有事件监听器。