Create custom DOM event with custom data

Question

I have this code:

   let event = new Event('sumanload', {
      value: 'foo'
    });

    window.dispatchEvent(event);

Here is the error:

What I want to do is pass custom data as the event data. Is there a way to do this? Right now, TypeScript will complain if you include an unknown property.

what if you pass it to the instance? like event.value = 'foo'? — Adelin
– Adelin, Commented Feb 13, 2018 at 5:36
it's a similar problem - I can't define a custom field on event itself, because the custom field/property does not exist...there must be some correct way to do this — user5047085
– user5047085, Commented Feb 13, 2018 at 5:40
Then I don't know. I see someone else encountered a similar issue on redux — Adelin
– Adelin, Commented Feb 13, 2018 at 5:44
Can you try a new CustomEvent object? They support a detail property of the initialization object with any data type. As per the link, some browsers need a polyfill (go on, guess which one). — traktor
– traktor, Commented Feb 13, 2018 at 6:09

traktor · Accepted Answer · 2018-02-13 06:42:47Z

0

You could try using a CustomEvent instead of an Event object. Custom event objects specifically allow you to add a detail property to the initialiser object passed as the second parameter during constructions.

let event = new CustomEvent('sumanload', {
    detail: 'foo'
});

window.dispatchEvent(event);

where detail can be of any data type including object.

I have successfully attached custom properties directly to a CustomEvent object in the past ( as in event.value = 'foo') but I don't know if TypeScript will let you do that.

Check the MDN link above for a polyfill if you need to support older browsers like IE.

answered Feb 13, 2018 at 6:42

traktor

19.7k5 gold badges37 silver badges56 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Create custom DOM event with custom data

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related