兼容IE8 addEventListener、removeEventListener 函数

最新推荐文章于 2020-11-11 15:22:19 发布

原创最新推荐文章于 2020-11-11 15:22:19 发布 · 8.7k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#ie 8 #兼容 #函数

兼容专栏收录该内容

7 篇文章

订阅专栏

本文提供了一组兼容性补丁，用于解决不同浏览器环境下JavaScript函数bind, addEventListener及removeEventListener的兼容性问题。通过简单的代码实现，确保了这些常用函数在旧版浏览器中也能正常工作。

//兼容bind函数
if(!Function.prototype.bind){
    Function.prototype.bind = function(){
        if(typeof this !== 'function'){
　　　　　　throw new TypeError('Function.prototype.bind - what is trying to be bound is not callable');
　　　　}
        var _this = this;
        var obj = arguments[0];
        var ags = Array.prototype.slice.call(arguments,1);
        return function(){
            _this.apply(obj,ags);
        };
    };
}

//兼容addEventListener函数
function addEventListener(ele,event,fn){
    if(ele.addEventListener){
        ele.addEventListener(event,fn,false);
    }else{
        ele.attachEvent('on'+event,fn.bind(ele));
    }
}

//兼容removeEventListener函数
function removeEventListener(ele,event,fn){
    if(ele.removeEventListener){
        ele.removeEventListener(event,fn,false);
    }else{
        ele.detachEvent('on'+event,fn.bind(ele));
    }
}