"DOM2級事件流"規(guī)定的事件包括三個(gè)階段：事件捕獲階段，處于目標(biāo)階段，事件冒泡階段。
以上面html頁面為例，單擊div元素會按照以下順序觸發(fā)事件：

以下是一個(gè)跨瀏覽器的事件處理程序

var eventUtil = {  
        // 添加事件處理程序 
        addHandler: function(element, type, handler) {  
            if (element.addEventListener) {  
                element.addEventListener(type, handler, false);  //DOM
            } else if (element.attachEvent) {  
                element.attachEvent("on" + type, handler);  //IE
            } else {  
                element["on" + type] = handler;  
            }  
        },  
        // 移除事件處理程序(通過addEventListener添加的匿名函數(shù)無法移除)  
        removeHandler: function(element, type, handler) {  
            if (element.removeEventListener) {  
                element.removeEventListener(type, handler, false);  //DOM
            } else if (element.detachEvent) {  
                element.detachEvent("on" + type, handler);  //IE
            } else {  
                element["on" + type] = null;  
            }  
        },  
        //獲取事件  
        getEvent: function(event) {  
            return event ? event : window.event;  
        },  
        //獲取事件類型  
        getType: function(event) {  
            return event.type;  
        },  
        //獲取事件源  
        getElement: function(event) {  
            return event.target || event.srcElement;  
        },  
        //阻止默認(rèn)事件比如a鏈接跳轉(zhuǎn)  
        preventDefault: function(event) {  
            if (event.preventDefault) {  
                event.preventDefault();  
            } else {  
                event.returnValue = false;  
            }  
        },  
        //阻止事件冒泡  
        stopPropagation: function(event) {  
            if (event.stopPropagation) {  
                event.stopPropagation();  
            } else {  
                event.cancelBubble = true;  
            }  
        }  
    }  

事件委托是利用事件冒泡原理，指定一個(gè)事件處理程序，就可以管理某一類型的所有事件。

添加在頁面上的事件處理程序的數(shù)量直接關(guān)系到頁面的整體運(yùn)行性能，首先，事件處理函數(shù)都是對象，其數(shù)量越多，占用內(nèi)存就越大，則性能就越差。其次，必須事先指定所有事件處理程序而導(dǎo)致的DOM訪問次數(shù)，會延遲整個(gè)頁面的交互就緒時(shí)間。

//html


        
Go somewhere
        
Do something
        
Say hi


//傳統(tǒng)添加事件方法



//事件委托方法