如何檢測document.addEventListener支持在JavaScript

Question

我有這樣的javascript代碼：

initializeEventHandlers: function() { 
     if (typeof document.implementation != "undefined" && 
     document.implementation.hasFeature("HTML", "1.0") && 
     document.implementation.hasFeature("Events", "2.0") && 
     document.implementation.hasFeature("CSS", "2.0")) { 
     document.addEventListener("mouseup", this._mouseUpHandler.bindAsEventListener(this), false); 
     document.addEventListener("mousemove", this._mouseMoveHandler.bindAsEventListener(this), false); 
     } 
     else { 
     document.attachEvent("onmouseup", this._mouseUpHandler.bindAsEventListener(this)); 
     document.attachEvent("onmousemove", this._mouseMoveHandler.bindAsEventListener(this)); 
     } 
    } 

，在大多數瀏覽器上運行，但是當我使用IE11失敗。我知道這是因爲IE11移除了對attachEvent的支持，並且IE11落入了else條件。我也看到hasFeature已被棄用，所以我不知道如何最好地檢測addEventListner支持。

Answer 1

以下代碼適用於IE11和Firefox，但是它適用於其他/舊版瀏覽器嗎？

initializeEventHandlers: function() { 
     if (document.addEventListener) { 
     document.addEventListener("mouseup", this._mouseUpHandler.bindAsEventListener(this), false); 
     document.addEventListener("mousemove", this._mouseMoveHandler.bindAsEventListener(this), false); 
     } 
     else if (document.attachEvent) { 
     document.attachEvent("onmouseup", this._mouseUpHandler.bindAsEventListener(this)); 
     document.attachEvent("onmousemove", this._mouseMoveHandler.bindAsEventListener(this)); 
     } 
    }