Deutsch
Das Ereignis wird nur im übergeordneten Knoten ausgelöst, nicht jedoch im untergeordneten Knoten.
Beachten Sie den Unterschied zwischen event.srcElement und e.target in Browsern wie IE und Firefox
Klicken Sie, um den folgenden Code auszuführen:
Führen Sie die Demo aus <!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> Nur auf übergeordneter Ebene In div ausgelöste Ereignisse werden nicht in untergeordneten divs ausgelöst</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 Dieser Div-Container enthält zwei Divs, <br />aber die Aktion darf nicht in dem darin enthaltenen untergeordneten Div auftreten und wird nur im übergeordneten Div ausgelöst. <div id="hd">hd wird hier nicht ausgelöst</div> <div id="bd">bd wird hier nicht ausgelöst</div> Die Aktion wird nur im Leerzeichen ausgelöst</div> <Skripttyp =" text/javascript"> <!-- function initDrag(e) { var oDragHandle = document.getElementById&&document.all ? event.srcElement : e.target; if(oDragHandle.id == "ctnr"){alert(oDragHandle. id + " angeklickt.");} } document.onclick=initDrag; //--> </script> </body> </html>
