이벤트 버블링

<h3>이벤트 버블링</h3>

<div id="parent" onmousedown="callMe('parent')" style="width:100px; height:100px; padding:50px; background-color:red;">

<div id="child" onmousedown="callMe('child')" style="width:100px; height:100px; background-color:blue;">Click Me</div>

</div>

​

<script type="text/javascript">

function callMe(str){

alert(str);

stopBubble(str);

}

function stopBubble(evt){

var evt = window.event || evt;

//var evt = evt ? evt : window.event;

if(evt.stopPropagation){

evt.stopPropagation(); 

}else{

evt.cancelBubble = true; 

}

}

</script>

이벤트 버블링 TEST

Click

​