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

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

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

 

 

 

//1.正常的情況下使用
$("#div2").click(function(e){
     e.stopPropagation();
});
 
//2.動態監聽
$("#div2").live('click',function(e){
       e.stopPropagation();//此處終止事件冒泡
},false);

 

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

 

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

 

來源：https://blog.csdn.net/qq_42049516/article/details/81938818?depth_1-utm_source=distribute.pc_relevant.none-task-blog-BlogCommendFromBaidu-5&utm_source=distribute.pc_relevant.none-task-blog-BlogCommendFromBaidu-5