javascript–事件委託

//事件委託        function f2(d) {            document.onclick = function(e) {                var e = e || window.event;                var target = e.srcElement || e.target;                if (target.tagName == “LI”) {                    ……                }      }}

事件委託：利用事件冒泡機制，在最頂層觸發事件的dom對象上綁定一個處理函數。在當有需要很多dom對象要綁定事件的情況下，可以使用事件委託。

e.srcElement || e.target: 擷取事件發生時，最初的那個dom元素。

target.tagName：最初的那個dom元素的標籤名字，例如：LI;

 

通過對元素屬性的判斷，例如標籤名，ID ,CLASS等等，來執行不同的處理函數。

這樣做比起每一個元素都綁定一個事件，然後為每一個事件再綁定一個函數效率要高很多。

 

上例：點擊任何一個LI都會觸發，document的onclick的事件，(注意這裡的LI並沒有綁定任何的onclick事件)，這樣就可以理解為一種“委託”。

把事件交給document.讓它去處理li點擊後應該執行的語句。