Angular2 使用 `listen` 类中的 `Renderer` 方法绑定(bind)键盘事件，如 `keydown`

Question

在我的场景中，我想将 keydown 事件绑定(bind)到动态创建的元素。

所以我使用 Renderer 类中的 listen 来实现它。

这是我的代码片段:

this.listenFunc = renderer.listen(elementRef.nativeElement, 'keydown', (event) => {
  console.log(event);
  console.log('Keypressed on element');
});

不幸的是，它无法工作，我可以绑定(bind)鼠标事件，如 click 和 dblclick，但不幸的是键盘事件。

如有任何想法，我们将不胜感激。

这里是Plunkr Demo供您引用。

Answer 1

要使键盘事件起作用，元素需要获得焦点，要使不是输入元素的元素能够获得焦点，它需要设置tabindex

 <h2 tabindex="0">Hello World!</h2>

Plunker example