事件委托

85 阅读1分钟

事件委托

ul.addEventListener('click', function(e){
// e.target(用户鼠标点击的对象) or e.currentTarget(监听的对象)
  if(e.target.tagName.toLowerCase() === 'li'){
      fn()// 执行某个函数
  }
})
  • 优点:
  1. 节省监听器
  2. 实现动态监听
  • 缺点:调试比较复杂,不容易确定监听者