什么叫事件委托/事件代理呢 ？
JavaScript高级程序设计上讲：事件委托就是利用事件冒泡，只指定一个事件处理程序，就可以管理某一类型的所有事件。
事件冒泡：
当事件发生后，这个事件就要开始传播(从里到外或者从外向里)，为什么要传播呢？因为事件源本身（可能）并没有处理事件的能力，即处理事件的函数（方法）并未绑定在该事件源上。
例如我们点击一个按钮时，就会产生一个click事件，但这个按钮本身可能不能处理这个事件，事件必须从这个按钮传播出去，从而到达能够处理这个事件的代码中.
事件委托:
是利用事件的冒泡原理来实现的，何为事件冒泡呢？
就是事件从最深的节点开始，然后逐步向上传播事件，举个例子：
div > ul > li > a
比如给最里面的a加一个click点击事件，那么这个事件就会一层一层的往外执行，执行顺序:
有这样一个机制，那么我们给最外面的div加点击事件，那么里面的 ul，li，a 做点击事件的时候，都会冒泡到最外层的 div 上，所以都会触发，这就是事件委托，委托它们父级代为执行事件.
为什么要用事件委托:
一般来说，dom需要有事件处理程序，我们都会直接给它设事件处理程序就好了，那如果是很多的dom需要添加事件处理呢？比如我们有100个li，每个li都有相同的click点击事件，可能我们会用for循环的方法，来遍历所有的li，然后给它们添加事件，那这么做会存在什么影响呢 ？
在JavaScript中，添加到页面上的事件处理程序数量将直接关系到页面的整体性能，因为需要不断的与dom节点进行交互，访问dom的次数越多，引起浏览器重绘与重排的次数也就越多，就会延长整个页面的交互就绪时间，这就是为什么性能优化的主要思想之一就是减少DOM操作的原因；如果要用事件委托，就会将所有的操作放到js程序里面，与dom的操作就只需要交互一次，这样就能大大的减少与dom的交互次数，提高性能；
原文地址：https://www.cnblogs.com/hai-cheng/p/10662352.html