事件委托或事件代理

什么是事件代理

事件委托和事件代理都是源于事件冒泡机制，一个交互丰富的网页，离不开各种复杂的事件，事件很多会造成网页性能下降，有内存泄漏的风险，这个时候事件委托或事件代理就起了很大的作用，是对象不被直接触发，避免内存泄漏和网页性能下降的风险

如何使用事件代理

<ul id="lists">
<li>liOne</li>
<li>liTwo</li>
<li>liThree</li>
<li>liFour</li>
</ul>
<script>
document.getElementById("lists").addEventListener("click",function(e) {
if(e.target.nodeName.toUpperCase() == "LI") {
console.log("List was clicked!");
}
});
</script>