한국어
이벤트는 상위 노드에서만 트리거되고 하위 노드에서는 트리거되지 않습니다.
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; charset=utf-8" /> <title> 상위 수준에서만 div에서 트리거된 이벤트는 하위 div에서 트리거되지 않습니다.</title> <style type="text/css"> div{배경:#eee;margin:20px auto;border:1px solid #ccc;} div div{배경:# fff;margin:40px;} #ctnr{너비:500px;} #hd{높이:300px;} #bd{높이:200px;} </style> </head> <body> <div id="ctnr"> ctnr 이 div 컨테이너에는 두 개의 div가 포함되어 있지만 <br />포함된 하위 div에서는 작업이 발생할 수 없으며 상위 div에서만 트리거됩니다. <div id="hd">여기서 hd가 실행되지 않습니다</div> <div id="bd">여기서 bd가 실행되지 않습니다</div> 액션은 공백에서만 실행됩니다</div> <script type =" text/javascript"> <!-- function initDrag(e) { var oDragHandle = document.getElementById&&document.all ? event.srcElement : e.target; if(oDragHandle.id == "ctnr"){alert(oDragHandle. id + " clicked.");} } document.onclick=initDrag; //--> </script> </body> </html>
