Aquí hay un código simple:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> </head> <body> <div class="p"> <button class="c1">Click</button> <button class="c2">whatever</button> </div> <script> document.querySelector('.c1').addEventListener('click', () => { console.log('Click c1') }) document.querySelector('.c2').addEventListener('click', () => { document.querySelector('.p').innerHTML = '' }) </script> </body> </html> Puedo inspeccionar algún elemento dom y obtener eventListeners en el navegador, pero quiero saber si los nodos secundarios eventListener se eliminan después de parentNode.innerHTML = '' . por ejemplo: después de hacer clic en button.c2 , ¿cómo puedo saber si eventListener en button.c1 y button.c2 se eliminan? si se elimina dom, ¿entonces también se elimina el eventListener correspondiente? ¿Hay algún problema de pérdida de memoria?