dispatchEvent Causes error failed to execute 'dispatchEvent' on 'EventTarget': parameter 1 is not of type 'Event'

Question

I am using Angular2 + TypeScript and when I try execute this code:

var event = new Event('check');
window.dispatchEvent(event);

This code causing the next error:

failed to execute 'dispatchEvent' on 'EventTarget': parameter 1 is not of type 'Event'.

I have tried everything, and found out that this will work:

var event = new CustomEvent('check');

Problem is that CustomEvent is not supported by any IE.

Another thing that works is:

var event = new Event('CustomEvent');
event.initCustomEvent('check');

Problem is that InitCustomEvent is deprecated.

Is there anything I can do to avoid this type error? Maybe make an exception somewhere in typescript? Or use any code that is not deprecated and works for IE Edge?

score 13 · Answer 1 · edited Oct 23 '20 at 10:12

13

Found a solution.

For some TypeScript settings, new Event is type of 'Event' only when we insert the second parameter, as this example:

window.addEventListener('check', e => console.log(e.type))

var event = new Event('check', { bubbles: true, cancelable: false })
document.body.dispatchEvent(event) // event will buble up to window

edited Oct 23 '20 at 10:12

vsync

118,978
58
307
400

answered Feb 06 '17 at 09:36

Roni Litman

923
1
8
20

7

pasting this into the chrome console I get the same error. – Jacksonkr Jun 30 '17 at 21:35
@Jacksonkr that is caused by the fact that we're dispatching `event` which hasn't been defined. The correct variable should have been `ev` – Data Crusader Nov 14 '18 at 21:27

score 2 · Answer 2 · answered Aug 05 '19 at 09:30

I found another answer in StackOverFlow .

Link: https://stackoverflow.com/a/37687099/6264260

if (event && event.originalEvent) {
    var oe = event.originalEvent;
    this.dispatchEvent(new oe.constructor(oe.type, oe));
}

It works for me very well .

dispatchEvent Causes error failed to execute 'dispatchEvent' on 'EventTarget': parameter 1 is not of type 'Event'

2 Answers2

Linked