dispatchEvent nie pracuje w IE11

Question

Używam następujący kod do przedstawienia postaci:

element.dispatchEvent(new Event("submit")); 

Inspektor zwraca błąd: Obiekt nie obsługuje tej akcji

To działa w Chrome.

Celem tego polecenia jest utworzenie wywołania dzielenia zdarzenia przesyłania w formularzu po kliknięciu.

Jquery nie jest opcją

Answer 1

prostu miałem ten sam problem, ale następujący wydaje się działać w IE11:

var event = document.createEvent("Event"); 
event.initEvent("submit", false, true); 
// args: string type, boolean bubbles, boolean cancelable 
element.dispatchEvent(event); 

Answer 2

I zmontowane kawałki różnych podejść i dostał to praca:

var customEvent = document.createEvent('HTMLEvents'); 
customEvent.initEvent('myCustomEvent', true, true); 
document.dispatchEvent(customEvent); 

Szczerze mówiąc, nie ma to dla mnie większego sensu. Tworzy zdarzenie (nazywanie go HTMLEvents wydaje się być wymagane) na dokumencie, a następnie uruchamia to zdarzenie z inną nazwą. Jeśli ktokolwiek może to wyjaśnić lepiej, dodaj komentarz poniżej, aby mógł zostać włączony do odpowiedzi.

W każdym razie, jestem w stanie słuchać tego niestandardowego wydarzenia w IE11 (i nowoczesnych przeglądarek) ze standardowym detektora zdarzeń:

document.addEventListener('myCustomEvent', function(){ 
    console.log('Event received.'); 
}); 

Answer 3

Jest to najlepszy sposób, aby to działało na IE11 i inne przeglądarki z uwzględnieniem przyszłych zmian.

if(typeof(Event) === 'function') { 
    var event = new Event('submit'); 
}else{ 
    var event = document.createEvent('Event'); 
    event.initEvent('submit', true, true); 
} 

$el.dispatchEvent(event);