Français
L'événement est uniquement déclenché dans le nœud parent mais pas dans le nœud enfant.
Faites attention à la différence entre event.srcElement : e.target dans les navigateurs tels que IE et Firefox
Cliquez pour exécuter le code suivant :
Exécutez la démo <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http ://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title> Uniquement au niveau parent Les événements déclenchés dans div ne sont pas déclenchés dans les div enfants</title> <style type="text/css"> div{background:#eee;margin:20px auto;border:1px solid #ccc;} div div{background:# fff;margin:40px;} #ctnr{width:500px;} #hd{height:300px;} #bd{height:200px;} </style> </head> <body> <div id="ctnr"> ctnr Ce conteneur div contient deux div, <br />mais l'action n'est pas autorisée à se produire dans le div enfant qu'il contient et n'est déclenchée que dans le div parent. <div id="hd">hd n'est pas déclenché ici</div> <div id="bd">bd n'est pas déclenché ici</div> L'action n'est déclenchée que dans l'espace vide</div> <type de script =" text/javascript"> <!-- function initDrag(e) { var oDragHandle = document.getElementById&&document.all ? event.srcElement : e.target; if(oDragHandle.id == "ctnr"){alert(oDragHandle. id + " cliqué.");} } document.onclick=initDrag; //--> </script> </body> </html>
