码迷,mamicode.com
首页 > Web开发 > 详细

用js封装的处理一些事件的方法

时间:2016-03-26 15:28:32      阅读:121      评论:0      收藏:0      [点我收藏+]

标签:

	//声明一个对象
			var eventUtil={
				//添加句柄
				addHandler:function(element,type,handler){
					//DOM2级事件处理判断
					if(element.addEventListener){
						element.addEventListener(type,handler,false);
					}else if(element.attachEvent){//IE事件处理判断
						element.attachEvent(‘on‘+type,handler);
					}else{//DOM0级事件判断
						element[‘on‘+type]=handler;
					}
				},
				//删除句柄
				removeHandler:function(element,type,handler){
					//DOM2级事件处理判断
					if(element.removeEventListener){
						elememt.removeEventListener(type,handler,false);
					}else if(element.detachEvent){//IE事件处理判断
						element.detachEvent(‘on‘+type,handler);
					}else{//DOM0级事件判断
						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;
				}
				//阻止默认方法
				preventDefault:function(event){
					if(event.preventDefault){
						event.preventDefault()
					}else{
						event.returnValue=false;
					}
				},
				//阻止冒泡
				stopPropagation:function(event){
					if(event.stopPropagation){
						event.stopPropagation();
					}else{
						event.cancelButtle=true;
					}
				}
			}

  

用js封装的处理一些事件的方法

标签:

原文地址:http://www.cnblogs.com/lqnlife/p/5322912.html

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