JS绑定事件兼容性写法(addHandler、addEvent)

    function addHandler(element,type,handler){   //绑定事件
        if(element.addEventListener){      // IE9以下不兼容
            element.addEventListener(type,handler,false)
        }else if(element.attachEvent){     //IE独有
            element.attachEvent('on' + type ,handler)
        }else{
            element['on'+type] = handler;    //一个元素只能绑定一个处理程序
        }
    }

    function removeHandler(element,type,handler){   //移除事件
        if(element.removeEventListener){      //addEventListener
            element.removeEventListener(type,handler,false)
        }else if(element.detachEvent){           //attachEvent
            element.detachEvent('on' + type,handler)
        }else{
            element['on' + type ] = null;

        }
    }

    function getEvent (event){
        return event ? event : window.event;
    }
    function getTarget(event){  
        return event.target || event.srcElement
    }
    function preventDefault (event){
        if(event.preventDefault){
            event.preventDefault()
        } else{
            event.returnValue = false;
        }
    }
    function stoppropagation(event){
        if(event.stopPropagation){
            event.stopPropagation()
        }else{
            evenvt.cancelBubble = true;
        }
    }
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容