事件委托

100 阅读1分钟

事件委托:事件委托就是把事件监听放在祖先元素(如父元素、爷爷元素)上。

  • 场景一:你要给100个按钮添加点击事件,咋办? 监听这100个按钮的祖先,等冒泡的时候判断target是不是这100个按钮中的一个

jsbin.com/resavikuzo/…

  • 场景二:你要监听目前不存在的元素的点击事件,咋办? 监听祖先,等点击的时候看看是不是想要监听的元素即可。

jsbin.com/kituvowuli/…

事件委托优点

  • 省监听数(内存)
  • 可以监听动态元素

封装事件委托

jsbin.com/xuximukuwu/…