zoukankan      html  css  js  c++  java
  • javascript 兼容W3c和IE的添加(取消)事件监听方法

    事件作为javascript本身的一个必备功能,在目前javascript的使用中是无处不在的,基本要只要写到javascrpt,就会用到javascript事件。下面就说说javascript中的添加事件监听和取消事件监听的方法,当然也要做到兼容W3c和IE。下面是兼容的代码:

    [javascript] view plain copy
     
     在CODE上查看代码片派生到我的代码片
    1. //添加事件监听兼容函数  
    2. function addHandler(target, eventType, handler){  
    3.     if(target.addEventListener){//主流浏览器  
    4.         addHandler = function(target, eventType, handler){  
    5.             target.addEventListener(eventType, handler, false);  
    6.         };  
    7.     }else{//IE  
    8.         addHandler = function(target, eventType, handler){  
    9.             target.attachEvent("on"+eventType, handler);  
    10.         };        
    11.     }  
    12.     //执行新的函数  
    13.     addHandler(target, eventType, handler);  
    14. }  
    15. //删除事件监听兼容函数  
    16. function removeHandler(target, eventType, handler){  
    17.     if(target.removeEventListener){//主流浏览器  
    18.         removeHandler = function(target, eventType, handler){  
    19.             target.removeEventListener(eventType, handler, false);  
    20.         }         
    21.     }else{//IE  
    22.         removeHandler = function(target, eventType, handler){  
    23.             target.detachEvent("on"+eventType, handler);  
    24.         }         
    25.     }  
    26.     //执行新的函数  
    27.     removeHandler(target, eventType, handler);  
    28. }  

    上面这段代码是对监听事件函数做了优化的,延迟加载事件监听函数,这样就不用每次都对添加或删除事件进行判断了,只在第一次添加或删除监听事件的时候进行判断,会大大提高监听事件的执行效率。

  • 相关阅读:
    高可用Redis(七):Redis持久化
    高可用Redis(六):瑞士军刀之bitmap,HyperLoglog和GEO
    高可用Redis(五):瑞士军刀之慢查询,Pipeline和发布订阅
    高可用Redis(四):列表,集合与有序集合
    高可用Redis(三):Hash类型
    高可用Redis(二):字符串类型
    高可用Redis(一):通用命令,数据结构和内部编码,单线程架构
    详解Django的CSRF认证
    详解MariaDB数据库的事务
    详解MariaDB数据库的触发器
  • 原文地址:https://www.cnblogs.com/edison1412/p/5243821.html
Copyright © 2011-2022 走看看