Question

这是第一个:

function addEvent(el, type, fn){
    if(el.addEventListener){
        el.addEventListener(type, fn, false);
    }else{
        el[fn] = function(){
            fn.call(el, window.event);
        }
        el.attachEvent( on +type, el[fn]);
    }
}

和第二个:

function addEvent(el, type, fn){
    if(el.addEventListener){
        el.addEventListener(type, fn, false);
    }else{  
        el[ e  + fn] = function(){
            fn.call(el, window.event);
        }
        el.attachEvent( on +type, el[ e +fn]);
    }
}

第二个只是添加一个前缀, 它用什么用?

Answer 1

在我看来,这两种函数似乎都试图做同样的事情:将事件处理器捆绑在一起,其方式在浏览器(即不支持.addEventListener () )的旧 IE 版本)上是一致的。如果有 .addEventListener () 方法可用,则使用这种方法,否则它会创建代理功能,确保回调功能被调时为 this 和事件对象设定适当的值。

在创建元素属性并随后引用该元素属性时,差异仅在 el[fn] 和 el[ e+fn] 中存在:

    el[fn] = function(){
        fn.call(el, window.event);
    }

fn 参数 addEvent () () ) 必须是一个函数引用, 并且我无法确定如果您使用函数引用作为属性名称, 但是我想它基本上在函数上做了 to String () , 并使用结果作为属性名称。因此, el[ e +fn] 也会做同样的事情, 但是在开头添加 e 。我看不出“e”有任何特殊的意义。

友情链接