作業中のカスタムイベントコンストラクタを検出します。

Question

CustomEvent constructorがサポートされているかどうかをテストします。

var ev; 

if (/* CustomEvent constructor supported? */) { 
    ev = new CustomEvent('splat'); 
} else { 
    ev = document.createEvent('Event'); 
    ev.initEvent('splat'); 
} 

this.dispatchEvent(ev); 

私は近くにIEを実行しているマシンをテストしていません。私はtry/catchを使うことができるようにエラーを投げるか、何か他のことをする必要がありますか？古いIE以外のブラウザはどうですか？

Answer 1

MDNドキュメントには、IE9以上であることが記載されています。

このようなチェックは十分に良いかもしれません：

if (window["CustomEvent"] === undefined) { 
    // Do stuff to add custom event class 
} 

申し訳jsfiddleはIE8をサポートしていません。

Answer 2

IE6であっても、私はIE6で古いXPマシンでテストしました。

if (typeof CustomEvent === 'function') { 
    ev = new CustomEvent('splat'); 
} 

Answer 3

ええ、のtry/catchはIE8がスローされます、動作するはずです：IE11一方

TypeError: 'CustomEvent' is undefined 

がスローされます。

Object doesn't support this action 

その他の古いブラウザでは、どちらかのすべてでそれを実装していないだろう、コンストラクタとして使用しない場合は、同様のエラーが発生する可能性があります。

このようにすると、

var isSupported = (function() { 
    try { 
    new CustomEvent('test'); 
    return true; 
    } catch (e) { 
    return false; 
    } 
})();