@HostListener（'window：keydown'）vs @HostListener（'window：keydown.arrowup'）+ @HostListener（'window：keydown.arrowdown'）？

Question

当我们想听两个键（在这种情况下为arrowUp和arrowDown）时，哪个键效果更好，每个键一个，或者一个通用？

我有时会遇到键盘输入滞后的问题，现在的方法是缩小@HostListener('window:keydown')事件在代码中散布的范围，仅在时间到时才触发（而不是检查按下的键）在侦听器函数中），但我不确定最佳解决方案。 有人可以阐明一下吗？ 谢谢。

PS：我正在使用Angular 7

Answer 1

@HostListener('window:keydown.arrowup',['$event']) @HostListener('window:keydown.arrowdown',['$event'])

应该有更好的表现，因为触发事件时要处理的代码更少。如果您将监听器放在所有keydown事件上并手动进行过滤，那么将会有更多的任务。