javascript - Angular 2 @HostListener 未捕获 keyup 事件

Question

我有一个应该捕获 keyup 事件的谷歌地图。我的组件是 google maps div 的父组件。它适用于 Chrome，但不适用于 Firefox 或 IE(未使用 Edge 进行测试)。

我的组件:

@Component({
  selector: 'dashboard',
  templateUrl: 'dashboard.component.html',
  styleUrls:  ['dashboard.component.css'],
  host: {
    '[attr.tabindex]': '-1'
  },
  providers: []
})
export class DashboardComponent implements OnInit{

  /* some functions and other stuff here 
  * ...
  */

  @HostListener('keyup', ['$event']) keyup(e) {
    console.log('This will be called with Chrome, not with the others.');
  }
};

你有过同样的经历吗？ (如果您需要更多信息，请告诉我)。谢谢

[编辑]
我尝试通过使用 ElementRef 并将我的事件处理程序设置为 elementRef.nativeElement 的 onkeyup 属性来捕获 keyup 事件，但没有成功

Answer 1

尝试监听 window:keyup 或 document:keyup 事件，而不是简单地监听 keyup。

Source