【JavaScript】事件的冒泡

 1 var s1=document.getElementById('s1');
 2 //span对象
 3 s1.onclick=function(event){
 4     alert('s1');
 5     event.cancelBubble=true//取消事件冒泡
 6 };
 7 var s2=document.getElementById('s2');
 8 //div对象
 9 s2.onclick=function(event){
10     alert('s2');
11     event.cancelBubble=true//取消事件冒泡
12 };
13 var s3=document.getElementById('s3');
14 //body对象
15 s3.onclick=function(event){
16     alert('s3');
17     event.cancelBubble=true//取消事件冒泡
18 };