JavaScript 事件代理则是一种简单的技巧，把事件处理器添加到一个上级元素上，这样
就避免了把事件处理器添加到多个子级元素上。这主要得益于浏览器的事件冒泡机制。
优点：
1、减少事件注册，节省内存。
2、在 table 上代理所有 td 的 click 事件。
3、在 ul 上代理所有 li 的 click 事件。
4、简化了 dom 节点更新时，相应事件的更新。
5、不用在新添加的 li 上绑定 click 事件。
6、当删除某个 li 时，不用移解绑上面的 click 事件。
缺点：
1、事件委托基于冒泡，对于不冒泡的事件不支持
2、层级过多，冒泡过程中，可能会被某层阻止掉。
3、理论上委托会导致浏览器频繁调用处理函数，虽然很可能不需要处理。所以建议就近委托，
比如在 table 上代理 td，而不是在 document 上代理 td。
4、把所有事件都用代理就可能会出现事件误判。比如，在 document 中代理了所有 button 的
click 事件，另外的人在引用改 js 时，可能不知道，造成单击 button 触发了两个 click 事件
