跨浏览器兼容事件处理
2016-04-11 13:03
267 查看
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(){
return event.type;
},
//事件目标
getElement:function(){
return event.target || event.srcElement;
},
//阻止事件默认事件
stopPropagation:function(){
if(event.stopPropagation){
event.stopPropagation();
}else{
event.returnValue=false;
}
},
//阻止冒泡事件
preventDefault:function(){
if(event.preventDefault){
event.preventDefault();
}else{
event.cancelBubble=true;
}
}
}
//添加句柄
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(){
return event.type;
},
//事件目标
getElement:function(){
return event.target || event.srcElement;
},
//阻止事件默认事件
stopPropagation:function(){
if(event.stopPropagation){
event.stopPropagation();
}else{
event.returnValue=false;
}
},
//阻止冒泡事件
preventDefault:function(){
if(event.preventDefault){
event.preventDefault();
}else{
event.cancelBubble=true;
}
}
}
相关文章推荐
- Unity IOS横版游戏 SplashImage 闪屏旋转 成竖屏的问题
- <meta> 标签
- USACO-Section 3.4 Electric Fence (模拟)
- 虚拟机挂在光盘
- linux 防火墙打开端口/屏蔽IP等
- 1、mac下安装MySQLWorkbench
- Notification的使用
- <!DOCTYPE> 标签
- html 实体编码转换成原字符
- 下一代机器学习-在浏览器中训练深度学习模型Next Generation Machine Learning - Training Deep Learning Models in a Browser
- 台州3128 简单版贪吃蛇 bfs保存路径 解题报告
- 【项目积累】对JSON数据的处理
- Tomcat清除缓存
- Jersey开发Restful的文件上传接口如何传递数组参数
- LeetCode 之 Search a 2D Matrix
- 量化生产力Quantifying Productivity
- leetcode 108. Convert Sorted Array to Binary Search Tree
- 从CIFAR-10手工分类中学到的经验教训Lessons learned from manually classifying CIFAR-10
- 算法时间复杂度分析
- 不可重入函数总结