统一addEventListener与attachEvent中this指向问题

 1、this指向问题

使用addEventListener注册的事件,事件处理函数中 this指向目标元素;

使用attachEvent注册的事件,事件处理函数中 this指向window对象

要想将二者统一,可采用下面方法:

function addEvent(ele,evtType,handler){
	if(ele.addEventListener){
		ele.addEventListener(evtType,handler,false);
	}else if(ele.attachEvent){
		ele.attachEvent('on'+evtType,function (event){
			handler.call(ele,event);  //改变事件处理函数中的this指向
		});
	}
}

  2、调用顺序:

通过对象属性或html属性注册的事件,会优先被调用

addEventListener注册的事件,按照注册顺序执行

attachEvent注册的事件,可能按任何顺序执行 (IE8及之前版本,一般会和注册顺序相反)IE9之后,支持addEventListener

3、事件处理函数返回值

通过对象属性或html属性注册的事件,通过返回false,可以阻止事件的默认行为

addEventListener注册的事件,通过preventDefault()方法阻止

attachEvent注册的事件,通过设置事件对象的returnValue属性为false

原文地址:https://www.cnblogs.com/lydialee/p/4775635.html