js 事件代理的理解

什么是事件代理？

事件代理又成事件委托，是利用事件的冒泡原理来实现的，将原本绑定在子元素上的事件，绑定到父元素上，以此来触发操作子元素的事件。

事件代理的好处

在JavaScript中，添加到页面的事件处理程序的数量直接关系到页面的整体性能，因为事件需要不断的跟DOM进行交互，访问操作DOM的次数越多，DOM的重绘重排的次数就会变多，就会延长整个页面交互就绪的时间。如果使用事件代理，只需要对父元素进行事件监听，就会减少DOM绑定的事件数量，减少DOM的操作，页面性能会得到提升。