事件處理程序有DOM0級(jí)事件處理程序、DOM2級(jí)事件處理程序，IE事件處理程序，DOM0級(jí)事件處理程序具有簡(jiǎn)單，跨瀏覽器的優(yōu)勢(shì)。DOM2級(jí)事件定義了兩個(gè)方法：addEventListener()和removeEventListener()這兩個(gè)方法用于指定和刪除事件處理程序，IE也有兩個(gè)方法：attachEvent()和detachEvent(),由于IE8和更早的版本只支持事件冒泡，所以通過(guò)這兩個(gè)方法只能添加到冒泡階段，為了使事件處理程序可以在大多數(shù)瀏覽器正常的運(yùn)行，只要關(guān)注冒泡階段即可。所以我們要寫(xiě)一個(gè)方法，讓它根據(jù)情況使用DOM0級(jí)方法，DOM2級(jí)方法或者IE方法添加事件:
function addEvent(e,type,handler){
if(e.addEventListener){
e.addEventListener(type,handler,false);
}else if(e.attachEvent){
e.attachEvent("on"+type,handler);
}else{
e["on"+type]=handler;
}
}
可以這樣使用：
addEvent(btn,'’click',handler);
與addEvent()對(duì)應(yīng)的移除事件的方法是removeEvent(),無(wú)論該事件用什么方法添加到元素中，如果其他方法無(wú)效，就采用DOM0級(jí)的方法移除。
function removeEvent(e,type,handler){
if(e.removeEventListener){
e.removeEventListener(type,handler,false);
}else if(e.detachEvent){
e.detachEvent("on"+type,handler);
}else {
e["on"+type]=null;
}
}
這兩個(gè)方法首先都判斷是否存在DOM2級(jí)的方法，如果存在就使用該方法傳入事件類型，事件處理程序，和第三個(gè)參數(shù)false(因?yàn)殛P(guān)注冒泡階段)，如果存在IE方法就用第二種，以此類推，但是以上兩種方法沒(méi)有考慮到IE瀏覽器作用域的問(wèn)題，其實(shí)這個(gè)我也不是很理解，參考老師的課件,添加的時(shí)候：
function addEvent(node, type, handler) {
if (!node) return false;
if (node.addEventListener) {
node.addEventListener(type, handler, false);
return true;
}
else if (node.attachEvent) {
node['e' + type + handler] = handler;
node[type + handler] = function() {
node['e' + type + handler](window.event);
};
node.attachEvent('on' + type, node[type + handler]);
return true;
}
return false;
}
移除事件時(shí)：
function removeEvent(node, type, handler) {
if (!node) return false;
if (node.removeEventListener) {
node.removeEventListener(type, handler, false);
return true;
}
else if (node.detachEvent) {
node.detachEvent('on' + type, node[type + handler]);
node[type + handler] = null;
}
return false;
}
不是很明白window.event。
