dispatchEvent导致在“EventTarget”上执行“dispatchEvent”错误:参数1不是“事件”类型

Question

我使用的是Angular2 + TypeScript，当我尝试执行以下代码时：

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

此代码导致下一个错误：

未能在‘EventTarget’上执行'dispatchEvent‘：参数1不是“事件”类型。

我什么都试过了，发现这样做是可行的：

var event = new CustomEvent('check');

问题是任何IE都不支持CustomEvent。

另一件工作是：

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

问题是InitCustomEvent被废弃了。

我能做些什么来避免这种类型错误吗？也许在打字稿的某个地方破例？还是使用任何不建议使用并适用于IE的代码？

Answer 1

找到了解决办法。

对于某些TypeScript设置，只有在插入第二个参数时，新事件才是“事件”的类型，如下例所示：

​

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

​

Answer 2

我在StackOverFlow上找到了另一个答案。

链接：https://stackoverflow.com/a/37687099/6264260

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

对我来说很管用。