JavaScript解决兼容性的函数以及兼容性方法列表
添加事件监听的封装兼容
function addEvent(Ele,Event,callback){
if(Ele.addEventListener)
Ele.addEventListener(Event,callback)
else if(Ele.attachEvent)
Ele.attachEvent("on"+Event,callback)
else
Ele["on"+Event]=callback;
}
删除事件监听的封装兼容
function removeEvent(Ele,Event,callback){
if(Ele.removeEventListener)
Ele.removeEventListener(Event,callback);
else if(Ele.detachEvent)
Ele.detachEvent("on"+Event,callback);
else
Ele["on"+Event] = null;
}
阻止事件的冒泡
function stopBubble(Event){
if(Event.stopPropagation)
Event.stopPropagation();
else
Event.cancelBubble = true;
}
阻止默认事件
function stopDefault(Event){
if(Event.preventDefault)
Event.preventDefault();
else
Event.returnValue = false;
}
默认样式的兼容
function getStyle(ele,attr)
if(ele.currentStyle){
return ele.currentStyle[attr];
else
return window.getComputedStyle(ele,false)[attr];
}
兼容性方法
var Event = Event || window.event;
var Event.target = Event.target || Event.srcElement;
var KeyCode = eve.KeyCode || event.which;
var scrollTop = document.documentElement.scrollTop || document.body.scrollTop;