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

05-07 10:00