每天一个小知识：事件的捕获和冒泡机制你了解多少

1.1事件的捕获和冒泡机制你了解多少？
捕获是从外层到里层，冒泡是从里层到外层
1.2 window.addEventListener('click',()=>{ }) 冒泡阶段 == window.addEventListener('click',()=>{ },false)
window.addEventListener('click',()=>{ },true) 捕获阶段
1.3平常有哪些场景用到了这个机制呢？
事件委托
题目： 一个历史页面，上面有若干按钮的点击逻辑，每个按钮都有自己的click事件；新需求是：给每一个访问用户添加一个属性，banned = true,此用户点击页面上的任何按钮和元素都不能响应原来的函数，而是直接alert提示（你被封禁了）
window.addEventListener('click',()=>{
if(banned){
e.stopProgagtion();
}
},true)

备注：e.stopPropagation() 阻止任何父事件被执行（阻止事件冒泡） e.preventDefault()阻止元素发生默认的行为