当前位置 : 主页 > 网络编程 > JavaScript >

JS事件绑定的兼容写法

来源:互联网 收集:自由互联 发布时间:2021-06-30
EventUntil var EventUntil = { addHandler:function(element,type,handler){ if(element.addEventListener){ //先检测DOM2级 element.addEventListener(type,handler,false) }else if(element.attachEvent){ //再检测IE element.attachEvent('on'+typ
EventUntil
var EventUntil = {
    addHandler:function(element,type,handler){
        if(element.addEventListener){ //先检测DOM2级
            element.addEventListener(type,handler,false)
        }else if(element.attachEvent){ //再检测IE
            element.attachEvent('on'+type,handler)
        }else{
            element['on'+type]=handler; //最后检测DOM0级事件侦听器
        }
    },
    removeHandler:function(element,type,handler){
        if(element.removeEventListener){
            element.removeEventListener(type,handler,false)
        }else if(element.detachEvent){
            element.detachEvent('on'+type,handler)
        }else{
            element['on'+type]=null;
        }
    },
    getEvent:function(event){
        return event?event:window.event
    },
    getTarget:function(event){
        return event.target||event.srcElement;
    },
    preventDefault:function(event){
        if(event.preventDefault){
            event.preventDefault()
        }else{
            event.returnValue = false;
        }
    },
    stopPropagation:function(event){
        if(event.stopPropogation){
            event.stopPropogation()
        }else{
            event.cancleBubble=true;
        }
    }
}
网友评论