Удаляет ли элемент и его прослушиватели событий?

Question

Событие, связанное с элементом, удаляется, если вы также удаляете элемент с помощью removeChild()? Даже если элемент удален с помощью простого this.innerHTML =''? То же самое относится к событию, связанному со встроенным элементом вроде этого <div onclick="/*this event*/"> </div>? Заранее спасибо.

Answer 1

Я сделал следующее испытание:

<div class="wrapper"> 
    <a href="#">Link</a> 
</div> 
<script type="text/javascript"> 
    window.onload = function() { 
     var wrapper = document.querySelector(".wrapper"); 
     var link = document.querySelector("a"); 
     link.addEventListener("click", function() { 
      console.log("click"); 
     }); 
     setTimeout(function() { 
      wrapper.innerHTML = ""; 
     }, 4000) 
    } 
</script> 

и контролировать результаты в Дев инструментов. После загрузки страницы привязанные события становятся от 5 до 6. Ссылка удаляется из DOM, а слушатели событий снова становятся 5.

Answer 2

Ответ заключается в том, что это зависит от того, есть ли у вас ссылки на него или нет.

var d = document.createElement('div'); 
otherElement.appendChild(d); 
otherElement.removeChild(d); 
// still have reference to d, it will exist, event listener remains even if it won't be fired. 

Если вы больше не есть способ доступа к нему, то элемент будет мусора вместе со слушателями (для всех браузеров> IE6).