将 window.event 处理程序添加到 typescript

Question

Normally when I wanted to catch an event on a page in js:

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

I cannot seem to figure out (or Google) how to do this in typescript. For the setup I am working in, there is a ts file for the page, and a ts file for the class that it is loading.

Answer 1

This

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

window is defined will all events in lib.d.ts and this particular listener as

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

or this, if you want to keep your original "style",

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

Answer 2

To answer more clearly:

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

Answer 3

windows.addEventListener('keydown', (event: KeyboardEvent) =>{
 // if you need event.code
});

windows.addEventListener('keydown', (event: Event) =>{
 // event
});