自定义事件兼容处理对象
var EventUtil={
//三个参数 第一个是element元素 第二个参数 type(事件类型 例如 click),第三个回掉函数
addEvent:function(element,type,fn){
//兼容处理
if(element.addEventListener){ //IE8以及IE8+
//第三个参数为true时 在事件捕捉阶段处理 false是 在事件冒泡阶段处理
element.addEventListener(type,fn,false);
}
else if(element.attachEvent)
//这个方法值只能在冒泡阶段处理事件
{
element.attachEvent("on"+type,fn);
}
else{
element["on"+type]=fn;
}
},
removeEvent:function(element,type,fn){
if(element.removEventListener){
element.removeEventListener(type,fn);
}
else if(element.detachEvent){
element.detachEvent("on"+type,fn);
}
else{
element["on"+type]=fn;
}
},
getEvent:function(event){
return event||window.event;
},
stopPropagation:function(event){
event.stopPropagation?event.stopPropagation:event.cancelBubble;
},
preventDefault:function(event){
event.preventDefault?event.preventDefault:event.returnValue;
}
}
//这些应该就够用了