码迷,mamicode.com
首页 > 其他好文 > 详细

事件绑定,event兼容各浏览器

时间:2016-12-15 14:01:15      阅读:155      评论:0      收藏:0      [点我收藏+]

标签:tty   tar   btn   lis   ret   element   目标   top   ati   

var eventUtil={
//添加事件
addHandler:function(element,type,handler){
if(element.addEventListener){
element.addEventListener(type,handler,false);
}else if(element.attachEvent){
element.attachEvent(‘on‘+type,handler);
}else{
element[‘on‘+type]=handler;
}
},
//删除事件
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;
}
},
//事件兼容
getEvent:function(event){
return event?event:window.event;
},
//事件类型
getType:function(event){
return event.type;
},
//触发事件目标
getElement:function(event){
return event.target||event.srcElement;
},
//阻止默认行为
preventDefauit:function(event){
if(event.preventDefault){
event.preventDefault()
}else{
event.returnValue=false; //false==阻止默认行为
}
},
//阻止事件冒泡
stopPropagation:function(event){
if(event.stopPropagation){
event.stopPropagation();
}else{
event.cancelBubble=true;//true==阻止时间冒泡,false==不阻止冒泡
}
}
//下边是示例
// function show(){
// alert("哈哈")
// }
//eventUtil.addHandler(btn,"click",show);

};

事件绑定,event兼容各浏览器

标签:tty   tar   btn   lis   ret   element   目标   top   ati   

原文地址:http://www.cnblogs.com/ygbHome/p/6182657.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!