@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事件上并手动过滤，则会有更多任务。