统一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