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

  • 相关阅读:
    【css】 text-align 居中导航
    css
    css
    css
    css : object-fit 兼容 ie 的解决方案
    Linux下Nginx配置多个站点
    Dart之环境搭建
    酒店行业的OTA
    主流消息队列MQ比较,MQ的4类应用场景
    消息队列Kafka、RocketMQ、RabbitMQ的优劣势比较
  • 原文地址:https://www.cnblogs.com/lydialee/p/4775635.html
Copyright © 2011-2022 走看看