事件处理程序
addEventListener 和 attachEvent 的不同点。
| addEventListener | attachEvent | |
| 参数 | 三个 | 两个 | 
| 作用域 | 元素的作用域中 | 全局作用域中 | 
| 参数的事件类型 | 不用加“on” | 需要加“on” | 
| 
 参数 true:事件添加到捕获阶段 false:事件添加到冒泡阶段  | 
事件添加到冒泡阶段 | |
| 
 为同一元素添加几个不同的事 件会按照以它添加的顺序执行  | 
以添加相反的顺序执行 | |
| 支持浏览器:IE和Opera | 
跨浏览器的事件处理程序:
var EventUtil = {
addHanlder: function (elem, type, handler){
if (elem.addEventListener){
elem.addEventListener( type, handler, false);//DOW2级事件处理程序
} else if (elem.attachEvent){
elem.attachEvent("on"+type, handler); //IE
} else {
elem["on"+type] = handler; //DOW0级方法
}
},
removeHandler: function (elem, type, handler){
if (elem.removeEventListener){
elem.removeEventListener( type, handler, false);
} else if (elem.detachEvent){
elem.detachEvent("on"+type, handler);
} else {
elem["on"+type] = null;
}
}
};
                    
                
                
            
        
浙公网安备 33010602011771号