zoukankan      html  css  js  c++  java
  • 统一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

  • 相关阅读:
    创建文件夹 文件File操作方法
    C#WinForm4张纸牌窗体设计
    b/s结构和c/s结构
    sql 中 时间只显示日期
    视图
    js获取字符串的字节数
    触发器
    将xml字符串转换成dataset
    sql 集合查询 数据更新操作语句
    带有ANY(SOME)或ALL谓词的字查询
  • 原文地址:https://www.cnblogs.com/lydialee/p/4775635.html
Copyright © 2011-2022 走看看