How to modify target property of Event object in JavaScript?

Question

I'm executing async code, so I wanted to trigger an event once I finished. I created Event object, and I want to pass my current "this" object as a target property of the event. However, this property do not change.

var e = new Event("success");
e.target = myTargetObject;
console.log(e.target); // return 'null' for any myTargetObject.

Sebas · Accepted Answer · 2012-05-28 00:16:54Z

1

var chngEvt = document.createEvent("MouseEvents");
chngEvt.initMouseEvent('click', true, true);
e.target.dispatchEvent(chngEvt);

answered May 28, 2012 at 0:16

Sebas

21.6k9 gold badges60 silver badges109 bronze badges

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

3 Comments

RobG Over a year ago

You need to either add feature detection for support for createEvent and dispatchEvent, or warn the OP that not all browsers support those methods. Also useful to link to the current W3C standard and to an appropriate MDN article. And the last line should probably be this.dispatchEvent(…)

David Over a year ago

Guys, thanks for your answers. My target object does not implement dispatchEvent, because it is not DOM element, it is just custom object. Any tips of how to start with?

Sebas Over a year ago

Hi David, the event framework is specific and reserved to the appropriate dom object. There's even an event constructor depending on the object category. If you wish to raise events from custom objects you will have to build your own custom framework. rgds.

Collectives™ on Stack Overflow

How to modify target property of Event object in JavaScript?

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related