【JavaScript】事件模型之冒泡与捕获

冒泡

事件触发顺序由内向外

// addEventListener 第三个参数为 useCapture
// false 为冒泡模式
dom.addEventListener(eventNmae, function(event){
    console.log()
}, false)

冒泡拦截

点击 id3 取消向外冒泡

// false 为冒泡模式
id3.addEventListener(eventNmae, function(event){
    event.cancelBubble = true
    // event.stopPropagation()
}, false)

捕获

事件触发顺序由外向内

// addEventListener 第三个参数为 useCapture
// true 为捕获模式
dom.addEventListener(eventNmae, function(event){
    console.log()
}, true)