事件冒泡是事件在處理過程或者事件流的一個階段

事件流總共分為3個階段
捕獲階段 - 事件在找目標元素的一個過程
目標階段 - 事件找到目標元素，執行他的事件函數
冒泡階段 - 事件在執行后，結尾

事件流：
事件執行的過程，3個過程：捕獲階段(在找目標元素)、目標階段(找到目標元素并執行他的事件)、冒泡階段(離開目標)
其他元素的事件默認會在冒泡階段執行

如何阻止事件冒泡 - 其他元素的事件默認會在冒泡階段執行

某些情況下不想讓別的元素冒泡執行 - 大小盒子嵌套，只想觸發小元素事件，不希望大元素事件也執行 阻止事件冒泡

<script type="text/javascript"> var big = document.querySelector(".big"); var middle = document.querySelector(".middle"); var small = document.querySelector(".small"); big.onclick=function(){console.log("大的"); } middle.onclick=function(){console.log("中等的"); } small.onclick=function(e){var e = e || window.event;// 阻止事件的冒泡 使用事件對象的一個方法 stopPropagation()// e.stopPropagation(); // 放在目標元素里面，就能阻止目標階段以后的冒泡// 有兼容性問題// ie中的寫法// e.cancelBubble = true; // 在ie中的寫法// 兼容寫法if(e.stopPropagation){e.stopPropagation();}else{e.cancelBubble = true;}console.log("小的"); } </script>

總結

以上是生活随笔為你收集整理的事件冒泡是个啥子东西的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。