Si un elemento HTML tiene un oyente, ¿qué le sucede al oyente después de que ese elemento se elimine del DOM?

Question

Como dice el título, si tengo un oyente jQuery vinculado a un elemento HTML, y luego elimino el elemento HTML del DOM usando jQuery, ¿qué ocurre?

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


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

entonces lo que sucede al oyente cuando lo haga

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

Además, ¿qué ocurre si no se utiliza jQuery y utiliza document.removeChild()?

Answer 1

Si nos fijamos en la jQuery source, remove() llama a una función llamada cleanData que exige jQuery.event.remove o jQuery.removeEvent (esto parece ser una función interna). Estos métodos finalmente llaman al unbind(), que elimina cualquier detector de eventos para el elemento DOM que está eliminando.