Bonjour à tous,
Je vous solicite car je suis face a un mystère que je ne comprend pas.
Voici le code exemple
HTML
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3 <div id="parent"> <div id="enfant">Enfant</div> </div>
Le js
Question : Pourquoi un innerHTML sur le parent fait sauté l'event sur l'enfant.
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8 var enfant = document.getElementById('enfant'); var parent = document.getElementById('parent'); enfant.addEventListener('click', function(){ alert(); }, false); parent.innerHTML+='<div>ajout</div>';
Je ne cherche pas de solutions, je cherche à comprendre pourquoi (spécificité du dom, des events, ....).
Merci par avance aux gens se penchant sur le problème.
Le code sur CodePen => http://codepen.io/anon/pen/PqEjXK
Partager