CODEWITHSUNDEEP
angulartypescriptdragtsc
Shilpa Nagavara
Shilpa Nagavara

Reputation: 1165

Typescript DragEvent syntax

I have an angular application where I need to explicitly fire a drag event. I am using AOT - ngc and rollup.

    let event1 = new DragEvent();
event1.initDragEvent('dragstart', true, true, null, null, null, null, null, null, null, null, null, null, null, null, null);
this._renderer.invokeElementMethod(this._elementRef.nativeElement, 'dispatchEvent', [event1]);

The code compiles fine and the page loads in the browser. But at runtime, I get this error:

Failed to construct 'DragEvent': 1 argument required, but only 0 present.

Now, I change the code to look like this:

let event1 = new DragEvent('dragstart');
this._renderer.invokeElementMethod(this._elementRef.nativeElement, 'dispatchEvent', [event1]);

Now, the compiler throws and error saying:

Expected 0 arguments, but got 1.

How do I overcome this problem?

Upvotes: 0

Views: 2610

Answers (2)

Shilpa Nagavara
Shilpa Nagavara

Reputation: 1165

The answer was rather simple. 

let event1 = new Event('dragstart');

Upvotes: 0

Sahil Gupta
Sahil Gupta

Reputation: 73

Try using, 

this._renderer.invokeElementMethod(this._elementRef.nativeElement, 'dispatchEvent', [new DragEvent('dragstart', true, true)]);

Upvotes: 1

Related Questions