日本語
イベントは親ノードでのみトリガーされ、子ノードではトリガーされません。
IEやFirefoxなどのブラウザでは、event.srcElement : e.targetの違いに注意してください。
クリックして次のコードを実行します。
デモを実行する <!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" /> <title> 親レベルのみdiv でトリガーされたイベントは子 div ではトリガーされません</title> <style type="text/css"> div{background:#eee;margin:20px auto;border:1px Solid #ccc;} div div{background:# fff;マージン:40px;} #ctnr{幅:500px;} #hd{高さ:300px;} #bd{高さ:200px;} </style> </head> <body> <div id="ctnr"> ctnr この div コンテナには 2 つの div が含まれています<br />が、アクションはそれに含まれる子 div での発生は許可されず、親 div でのみトリガーされます。 <div id="hd">hd はここではトリガーされません</div> <div id="bd">bd はここではトリガーされません</div> アクションは空白スペースでのみトリガーされます</div> <スクリプト タイプ=" text/javascript"> <!-- function initDrag(e) { var oDragHandle = document.getElementById&&document.all ?event.srcElement : e.target; if(oDragHandle.id == "ctnr"){alert(oDragHandle. id + " クリックされました。");} } document.onclick=initDrag; //--> </script> </body> </html>
