@HostListener ('window: keydown') против @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 и отфильтруете их вручную, будет больше задач.