如何在ViewChild中捕获键盘事件

如何解决如何在ViewChild中捕获键盘事件

使用Angular 8和Boostrap 4，我构建了一个组件，并试图捕获网页上的键盘事件。在类内部，我使用@HostListener（'window：keydown'，['$ event']）和@ViewChild关联按钮的单击和键盘键。我的问题是，当一个元素获得焦点时，某些命令将停止工作。我认为需要为该元素创建@HostListener定义，但是我不理解该怎么做。

我使用以下代码获取元素：

df['New'] = df.loc[:,df.columns.str.endswith('_Shift')].any(1)

这就是我的@hostlistener定义：

@ViewChild('btnChoose',{static: false}) btnChoose: any; 

该元素是一个下拉列表，即模板上的HTML：

  @HostListener('window:keydown',['$event'])
  keyEvent(event: KeyboardEvent) {
    if ((event.key === ' ') && (this.btnChoose)) {
      this.btnChoose.nativeElement.click();
    }
  }

其他键可激活其他按钮，但是当下拉列表获得焦点时，它们将停止工作。我希望能够按“ Esc”之类的键来调用函数“ this.btnChoose.nativeElement.blur（）;”。并重新访问其他选项。