如何通过单击左箭头fron键盘来调用函数？

Question

我想通过按键盘上的向左箭头来调用函数。 我所做的是：

<div (keydown.ArrowLeft)="makeItFalse();move('meko',1)"></div>

但是问题是我想在执行文件时随时按向左箭头来调用该函数。 你能帮我吗？

Answer 1

只需注册一个侦听器，进行相应的过滤和处理即可。

示例：

@HostListener('window:keyup', ['$event'])
keyEvent(event: KeyboardEvent) {
    if(event.keyCode==37){
        alert("yep, left arrow");
    }
    console.log(event.keyCode);
}

这将打印关键代码并在左箭头上调用警报。

https://stackblitz.com/edit/angular-examples-z8n5an