事件代理也叫事件委托，是指將要觸發的事件綁定到目標元素的父元素上，利用冒泡機制來觸發該事件。 一般用在目標元素是動態添加的，無法在初次渲染頁面時掛載事件，只能在其父級元素上去代理一下。 或者是不想單獨為每個相同的元素都去綁定一個事件，統一用一個父級事件去處理完事了。 更高級一點的使用原因是減少內存占用，如果有100個li就要占100個內存空間去存事件對象，性能有影響，直接綁到父級上，一塊處理就完事了。 下面是一個例子: 在ul元素下有很多li，需要給動態添加的li去添加click事件，只能用事件代理的方式，將事件綁定到ul上。 ~~~text parentUl.addEventListener('click', function(e){ var target = event.target || event.srcElement; if(!!target && target.nodeName.toUpperCase() === "LI"){ console.log(target.innerHTML); } }, false); ~~~ 在以上代碼中，請注意target.nodeName的使用，這個是判斷事件觸發目標的根本抓手。