div嵌套點選事件,div嵌套點選阻止冒泡

頁面中嵌套的兩個div都存在點選事件，當點選内部div阻止外部div點選事件的發生；

需要注意的一點，在實際的頁面中可能中間有多層嵌套關系，像下圖，在div1和div2中間可能還會有幾層嵌套關系，這就不一定非要在要點選的子元素div2上加監聽事件，可以再往上取一級或多級，隻要在條件的div1元素下就可以，具體因需要而定。

方式1：

//1.正常的情況下使用
$("#div2").click(function(e){
     e.stopPropagation();
});

//2.動态監聽
$("#div2").live('click',function(e){
       e.stopPropagation();//此處終止事件冒泡
},false);
           

方式2：

document.getElementById('#div2').addEventListener('click',function(e){
    e.stopPropagation();//阻止它的冒泡事件
},false);
           

方式3：

//在子級标簽添加屬性
onClick="event.cancelBubble = true"