【JavaScript】事件的冒泡

var s1=document.getElementById('s1');
//span对象
s1.onclick=function(event){
    alert('s1');
    event.cancelBubble=true//取消事件冒泡
};
var s2=document.getElementById('s2');
//div对象
s2.onclick=function(event){
    alert('s2');
    event.cancelBubble=true//取消事件冒泡
};
var s3=document.getElementById('s3');
//body对象
s3.onclick=function(event){
    alert('s3');
    event.cancelBubble=true//取消事件冒泡
};