事件委託或事件代理

什麼是事件代理

事件委託和事件代理都是源於事件冒泡機制，一個交互豐富的網頁，離不開各種複雜的事件，事件很多會造成網頁性能下降，有內存泄漏的風險，這個時候事件委託或事件代理就起了很大的作用，是對象不被直接觸發，避免內存泄漏和網頁性能下降的風險

如何使用事件代理

<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>