javascript - Does removing an element also remove its event listeners? -
this question has answer here:
an event associated item removed if remove element removechild()
? if item removed simple this.innerhtml =''
? same applies event associated inline element <div onclick="/*this event*/"> </div>
? in advance.
i made following test:
<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>
and monitor results in dev tools. after loading of page events attached become 5 6. link removed dom , events listeners become 5 again.
Comments
Post a Comment