// 事件冒泡
var button = document.getElementById("ClickMe")
// 事件冒泡
button.onclick = function(){
console.log("1. You click button")
}
document.body.onclick = function(){
console.log("2. You click body")
}
document.onclick = function(){
console.log("3. You click document")
}
window.onclick = function(){
console.log("4. You click window")
}
// 事件捕获
// window点击事件更改为使用事件捕获模式。
// (addEventListener最后一个参数,为true则代表使用事件捕获模式,false则表示使用事件冒泡模式。
window.addEventListener('click',function(){
console.log('4. You click window')
},true)
// 阻止事件冒泡
button.addEventListener('click',function(event){
console.log("1. You click button2")
event.stopPropagation()
console.log("stopPropagation!!")
},false)
原文:https://blog.csdn.net/qr457535344/article/details/79711469