分类
默认

事件代理(委托)是什么?

事件代理

  • 用 e.target 获取触发元素
  • 用 matches 来判断是否是触发元素

代码演示:

const p = document.getElementById('p')
const body = document.body
p.addEventListener('click', e => {
    e.stopPropagation() // 注释后,就会事件冒泡
    console.log(1)
})
body.addEventListener('click', e => {
    const target = e.target
    if(target.matches('p')){
        console.log(2)
    }
})