意外的 「其他」 和功能不運行

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(){})