DOM事件处理跨浏览器(兼容IE)封装

var eventUtil={							/*DOM2级事件处理程序*/
	//给一个元素添加事件
	addHander:function(element,type,hander){
		if(element.addEventListener){
			element.addEventListener(type,hander,false);	/*非IE*/
		}else if(element.attachEvent){
			element.attachEvent("on"+type,hander);		/*IE*/
		}else{
			element["on"+type]=hander;
		}
	},
	//给一个元素删除事件
	removeHander:function(element,type,hander){
		if(element.removeEventListener){
			element.removeEventListener(type,hander,false);		/*非IE*/
		}else if(element.detachEvent){
			element.detachEvent("on"+type,hander);	/*IE*/
		}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;
	},
	//阻止事件默认行为
	preventDefault:function(event){
		if(event.preventDefault){
			event.preventDefault();		/*非IE*/
		}else{
			event.returnValue=false;	/*IE*/
		}
	},
	//阻止事件冒泡
	stopPropagation:function(event){
		if(event.stopPropagation){
			event.stopPropagation();	/*非IE*/
		}else{
			event.cancelBubble=true;	/*IE*/
		}
	}
}

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值