将 window.event 处理程序添加到打字稿

Question

通常当我想在 js 的页面上捕获一个事件时：

 window.onkeydown = function (event) {
    //Do something here
}

我似乎无法弄清楚（或谷歌）如何在打字稿中做到这一点。对于我正在使用的设置，页面有一个 ts ts 文件，它正在加载的类有一个 --- 文件。

原文由 TopBanana9000 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

这个

window.addEventListener('keydown', keyDownListener, false)

window 被定义为 lib.d.ts 中的所有事件和这个特定的监听器

 addEventListener(type: "keydown", listener: (ev: KeyboardEvent) => any, useCapture?: boolean): void;

或者这个，如果你想保持你原来的“风格”，

 window.onkeydown = (ev: KeyboardEvent): any => {
     //do something
}

原文由 Bruno Grieder 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

更清楚地回答：

 const controlDown = (event: KeyboardEvent) => {
    console.log(event);
};
window.addEventListener('keydown', controlDown);

原文由 manu 发布，翻译遵循 CC BY-SA 4.0 许可协议