正在向typescript添加window.event处理程序

Adding window.event handler to typescript

本文关键字：event 处理 程序 window 添加 typescript      更新时间：2023-09-26

通常当我想在js:中捕捉页面上的事件时

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

我似乎不知道（或谷歌）如何在打字中做到这一点。对于我正在使用的设置，有一个用于页面的ts文件，以及一个用于它正在加载的类的ts文件。

此

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
}

要更清楚地回答：

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

windows.addEventListener('keydown', (event: KeyboardEvent) =>{
 // if you need event.code
});
windows.addEventListener('keydown', (event: Event) =>{
 // event
});
相关文章：