oggetto non supporta questa azione IE9 con CustomEvent inizializzazione

Question

sto ottenendo il seguente errore in IE9:

"oggetto non supporta questa azione".

ci sono varie domande su questo, ma il mio è specifico per il seguente codice:

var myEvent = new CustomEvent("additem"); 

Dalla mia comprensione, CustomEvent è supportato in IE9 come un comando di manipolazione del DOM. Funziona perfettamente in Chrome senza eccezioni.

Chiunque ha questo problema e sa come risolverlo? Grazie.

Answer 1

Gli eventi personalizzati Afaik non sono supportati in IE, solo nei normali browser. Io suggerisco di usare una libreria javascript che fornisce un browser implementazione indipendente come innesco di Jquery: http://api.jquery.com/trigger/

Answer 2

È possibile utilizzare una funzione javascript per rilevare se il browser è IE11 o abbassare quindi applicare la prossima polyfill:

(function() { 
     function CustomEvent (event, params) { 
     params = params || { bubbles: false, cancelable: false, detail: undefined }; 
     var evt = document.createEvent('CustomEvent'); 
     evt.initCustomEvent(event, params.bubbles, params.cancelable, params.detail); 
     return evt; 
     }; 

     CustomEvent.prototype = window.Event.prototype; 
     window.CustomEvent = CustomEvent; 
    })(); 

Il polyfill dall'alto viene preso da MDN: https://developer.mozilla.org/en-US/docs/Web/API/CustomEvent/CustomEvent

Answer 3

Prova questo polyfill che non sostituisce un metodo CustomEvent nativo (e funzionale).

(function() { 
    try { 
    new CustomEvent('test'); 
    return; 
    } catch(e) { 
    // ignore this error and continue below 
    } 

    function CustomEvent (event, params) { 
    params = params || { bubbles: false, cancelable: false, detail: undefined }; 
    var evt = document.createEvent('CustomEvent'); 
    evt.initCustomEvent(event, params.bubbles, params.cancelable, params.detail); 
    return evt; 
    }; 

    CustomEvent.prototype = window.Event.prototype; 
    window.CustomEvent = CustomEvent; 
})(); 

Answer 4

Il seguente polyfill non sarebbe replacce CustomEvent nativo(),
fonte parziale da: MDN CustomEvent():

(function() { 

    if (typeof CustomEvent === 'function') { return; } 

    function customEvent(event, params) { 

     params = params || {bubbles: false, cancelable: false, detail: undefined}; 

     var evt = document.createEvent('CustomEvent'); 

     evt.initCustomEvent(event, params.bubbles, params.cancelable, params.detail); 

     return evt; 
    } 

    customEvent.prototype = window.Event.prototype; 
    window.CustomEvent = customEvent; 
})();