Question

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

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

这是我的代码段：

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

不幸的是，它无法正常工作，我可以绑定像click和dblclick这样的鼠标事件，但不熟悉键盘事件。

任何想法都会受到赞赏。

此处有Plunkr Demo供您参考。

Answer 1

要使键盘事件起作用，元素需要具有焦点，对于不是输入元素的元素才能获得焦点，它需要设置$( ".selector" ).on("mouseover vmousever", function( event ) { //append tooltip} ) $( ".selector" ).on( "mouseout vmouseout", function( event ) { //remove tooltip} )

tabindex

Plunker example

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

1 个答案: