跨浏览器的事件处理程序

<button class="btn" style="color: red;" id="btn">点击进行交互</button>

/*跨浏览器的事件处理程序*/
var EventUtil = {
addHandler:function(element,type,handler){
if(element.addEventListener){//检测是否存在DOM2级方法，
element.addEventListener(type,handler,false);//如果存在DOM2级方法，传入事件类型，事件处理程序，和第三个参数false（表示冒泡阶段）
}else if(element.attachEvent){
element.attachEvent("on" + type,handler);//如果存在的IE方法，为了在IE8以及更早的浏览器中运行，此类事件类型必须加上on前缀
}else{
element["on" + type] = handler;//DOM0级方法（现代浏览器中，应该运行不到这里的代码），此时使用的是方括号语法来将属性名指定为事件处理程序，或者将属性设置为null
}//DOM0级对每个事件只支持一个事件处理程序。
},
removeHandler:function(element,type,handler){
if(element.removeEventListener){
element.removeEventListener(type,handler,false);
}else if(element.detachEvent){
element.detachEvent("on" + type,handler);
}else{
element["on" + type] = null;
}

}
};
var bTn = document.getElementById("btn");
var handler = function(){
alert("clicked");
}

EventUtil.addHandler(bTn,"click",handler);
EventUtil.removeHandler(bTn,"click",handler);