意外的 “其他” 和功能不运行

Question

此代码似乎并不正确运行：

var addEventListener = (function() { 
    "use strict"; 
    if (document.addEventListener) { 
     return function (element, event, handler) { 
      element.addEventListener(event, handler, false); 
     }; 
    } else { 
     return function (element, event, handler) { 
      element.attachEvent('on' + event, handler); 
     }; 
    } 
})(); 

addEventListener(window, 'onload', calcFailback); 

铬返回：

Uncaught TypeError: Object onload has no method 'addEventListener'

JSLint的返回：

Unexpected else.

任何想法？

Answer 1

您正在创建一个全局变量addEventListener，它将作为window的属性添加。所以window.addEventListener（element === window，与此调用）实际上是指您的自定义功能，而不是本机。使用不同的名称：

var myAddEventListener = (function() { 
    "use strict"; 
    if (document.addEventListener) { 
     return function(element, event, handler) { 
      element.addEventListener(event, handler, false); 
     }; 
    } else { 
     return function(element, event, handler) { 
      element.attachEvent('on' + event, handler); 
     }; 
    } 
})(); //<-- invoke it 

还可以使用"load"：

myAddEventListener(window, "load", function(){})