您的位置:首页 > Web前端 > JavaScript

javascript-函数及兼容

2015-06-27 08:38 519 查看

1.事件绑定,删除,传播,默认方式,获取类型的兼容

var eventList = {
//添加事件兼容
addEvent:function  (event,type,backevent) {
if (event.addEventListener) {
event.addEventListener(type,backevent,false);//false为冒泡true为捕获
} else if(event.attachEvent){
event.attachEvent('on'+type,backevent);
}else{
event['on'+type] = backevent;
};
},
//删除事件兼容
removeEvent:function  (event,type,backevent) {
if (event.removeEventListener) {
event.removeEventListener(type,backevent,null);
} else if(event.detachEvent){
event.detachEvent('on'+type,backevent);
}else{
event['on'+type]=null;
};
},
//阻止冒泡向上传播
stopPro:function  (event) {
if (event.stopPropagation) {
event.stopPropagation();
} else{
event.cancelBubble = true;
};
},
//阻止默认事件
stopDefault:function  (event) {
if (event.preventDefault) {
event.preventDefault();
} else{
event.returnValue = false;
};
},
//获取事件类型
getType:function  (event) {
return event.type;
},
//获取事件
getEvent:function  (event) {
return event?event:window.event;
},
//获取事件目标
getElement:function  (event) {
return event.target||event.srcElement;
}
}


2.判断css属性是否存在

//是否支持css的某个属性
function isSuportCss(property){
var body = $("body")[0];
for(var i=0; i<property.length;i++){
if(property[i] in body.style){
return true;
}
}
return false;
}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: