JavaScript之兼容event

最新推荐文章于 2020-07-20 15:53:24 发布

笑笑笑笑容

最新推荐文章于 2020-07-20 15:53:24 发布

阅读量149

点赞数

分类专栏： javas 文章标签： javascript

本文链接：https://blog.csdn.net/weixin_44583127/article/details/105437247

版权

javas 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

跨浏览器兼容event方法的JavaScript代码

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]=null
		}
	},
	//移除事件
	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
		}
	},
	//target方法
	getTarget:function (event) {
		return event.target || event.srcElement;
	},
	//preventDefault方法
	preventDefault:function (event) {
		if (event.preventDefault) {
			event.preventDefault();
		}else{
			event.returnValue = false;
		}
	},
	//stopPropagation方法
	stopPropagation:function (event) {
		if (event.stopPropagation) {
			event.stopPropagation();
		}else{
			event.cancleBubble = true;
		}
		
	}
}