事件兼容函数

不打扰是莪最后的温柔 提交于 2019-12-21 03:30:08
  var EventUtil={

        //目标元素 事件类型 事件处理程序
        addEvent:function (ele,type,handler) {
            if(ele.addEventListener){                       //DOM2级事件处理程序
                ele.addEventListener(type,handler,false);
            }else if(ele.attachEvent){                       //IE级事件处理程序
                ele.attachEvent('on'+type,handler);
            }else{
                ele['on'+type]=handler;                       //DOM0级事件处理程序
            }

        },
        deleteEvent:function (ele,type,handler) {
            if(ele.removeEventListener()){
                ele.removeEventListener(type,handler,false);
            }else if(ele.detachEvent()){
                ele.detachEvent('on'+type,handler);
            }else{
                ele['on'+type]=null;
            }

        }
    }
    
    function event() {
        alert(this);
    }

    var oBtn=document.querySelector('#btn');
    EventUtil.addEvent(oBtn,'click',event);
    EventUtil.deleteEvent(oBtn,'click',event);
标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!