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

Posted 2020-06-29

	//声明一个对象
			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;
					}
				}
			}