>**原題：解析一下DOM事件流** 答：DOM事件流分三個階段，自上而下的捕獲，作用在最深處的目標階段，以及自下而上的冒泡 >如何消除事件冒泡與事件默認行為 給目標函數一個event參數， 用event.stopPropagation()；消除事件冒泡; 用event.preventDefault()；阻止默認行為, 對于a標簽也可以將標簽鏈接改成`javascript:void(0)`阻止 >DOM0級事件與DOM2級事件的區別 1. DOM0級只能添加一個事件，后面添加的事件會覆蓋前面的 2. DOM2級可以添加多個事件 3. DOM2級可以可以接受三個參數，將第三個參數改成true，可以控制捕獲事件的執行，默認為false ``` three.addEventListener("click", function(){ console.log('這是three') }, true) ``` ----- > 事件捕獲：事件從上至下執行 ```js <div class="parent" id="parent"> <div class="child" id="child"></div> </div> <script> var parent = document.getElementById('parent') var child = document.getElementById('child') parent.addEventListener('click', function(){ console.log('parent'); }, true) child.addEventListener('click', function(){ console.log('child'); }, true) </script> ``` 此時，先打印 parent 再打印 child ，冒泡則相反 參考[addEventListener用法](https://blog.csdn.net/juelingfeng/article/details/45564023)