打字稿 DragEvent 语法

Question

我有一个 angular 应用程序，我需要在其中明确触发拖动事件。我正在使用 AOT - ngc 和 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]);

代码编译正常，页面在浏览器中加载。但是在运行时，我得到这个错误：

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

现在，我将代码更改为如下所示：

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

现在，编译器抛出错误提示：

Expected 0 arguments, but got 1.

如何克服这个问题？

Answer 1

尝试使用，

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

Answer 2

答案很简单。

let event1 = new Event('dragstart');

打字稿 DragEvent 语法

Typescript DragEvent syntax

drag

typescript

tsc

angular