是什么

事件代理，俗地来讲，就是把一个元素响应事件（click、keydown……）的函数委托到另一个元素
事件流的都会经过三个阶段：捕获阶段 -> 目标阶段 -> 冒泡阶段，而事件委托就是在冒泡阶段完成
事件委托，会把一个或者一组元素的事件委托到它的父层或者更外层元素上，真正绑定事件的是外层元素，而不是目标元素
当事件响应到目标元素上时，会通过事件冒泡机制从而触发它的外层元素的绑定事件上，然后在外层元素上去执行函数

总结

适合事件委托的事件有：click，mousedown，mouseup，keydown，keyup，keypress
从上面应用场景中，我们就可以看到使用事件委托存在两大优点：

  • 减少整个页面所需的内存，提升整体性能
  • 动态绑定，减少重复工作

但是使用事件委托也是存在局限性：

  • focus、blur这些事件没有事件冒泡机制，所以无法进行委托绑定事件
  • mousemove、mouseout这样的事件，虽然有事件冒泡，但是只能不断通过位置去计算定位，对性能消耗高，因此也是不适合于事件委托的