事件委托

事件委托是什么?

事件委托也称之为事件代理（EventDelegation）。是JavaScript中常用绑定事件的常用技巧。顾名思义，“事件代理”即是把原本需要绑定在子元素的响应事件委托给父元素，让父元素担当事件监听的职务。事件代理的原理是DOM元素的事件冒泡。

优点：

1. 省监听数（内存）* 假设父元素div下有100个span子元素，那么给100个span子元素都添加监听器所需要的资源远大于只给div加1个监听器。
2. 可以监听动态元素* 即使该元素还没有被创立，那么该元素创立后能立即响应监听，因为监听器在其父元素身上，即新增子元素无需再绑定监听。