Czy eventlistener usuwa się wraz z elementem?

Question

Czy metoda element.remove() usuwa również powiązane z nim event listenery?

Answer 1

Nie. To tak naprawdę następuje dopiero, gdy element jest zbierany przez garbage collectora – czyli gdy nie istnieje żadna referencja do niego (nie robisz z nim nic ani nie masz go zapisanego w żadnej zmiennej).

element.remove usuwa element z drzewa DOM, ale dalej da się na nim odpalić zdarzenia.

Comments

Czy w takim razie istnieje metoda żeby usunąć wszystkie eventListenery elementu?

Wiem o element.removeEventListener(), jednak element ma dynamicznie przydzielane listenery przez co pojedyncze usuwanie byłoby dość kłopotliwe

---

Tak, istnieje, wykorzystanie AbortSignal. Dzięki niemu można usunąć kilka listenerów naraz. Jedyny problem może być ze wsparciem w przeglądarkach. Na pewno działa to w Chrome.

---

Dziękuję!

Answer 2

Zależy jak event jest nałożony na element, czy na bazie selektora klasy, czy onClicka jakiegoś, bo jeśli jest on wywoływany z innego elementu np. to w momencie usunięcia, będzie  to wywoływanie metody na obiekcie którego nie ma i wtedy będzie błąd.
Zależy to  od implementacji

Więc tak jak tutaj podsumowanie- referencja musi być zwolniona. 

In modern browsers, if a DOM Element is removed, its listeners are also removed from memory in javascript.

Note that this will happen ONLY if the element is reference-free. Or in other words, it doesn't have any reference and can be garbage collected. Only then its event listeners will be removed from memory.

Comments

Czy działa to także w wypadku eventów utworzonych z CustomEvent ?