javaScript中的事件代理

今天在看视频时，发现了 事件代理 这一方法。

假设在一个div中，有很多button，很多li标签，它们需要绑定相应的方法，如果一个一个写就太麻烦了，这时候事件代理的优点就凸显出来了。

下面看一下具体例子

// 七、事件代理,遍历每个分享li，绑定事件。for (var i = 0; i < boxs.length; i++) {// 1）在li上绑定点击事件代理boxs[i].onclick = function(event) {// e = e || window.event;//1.获取触发元素，取得class。var el = event.target || event.srcElement;// this 指的是box ，el指的是当前点击的元素//2.根据class调用不同的函数。switch (el.className) {case 'close':removeNode(this);break;case 'praise':praiseBox(this, el);break;case 'btn':replayBox(this, el);break;case 'comment-praise':praiseReply(el.parentNode);break;case 'comment-operate':operateReply(this, el);break;}}}

这样就简单很多了吧。。。