Question

我有一个简单的问题，但我找不到它的来源。

在Angular组件中，我想使用一些键盘事件。

这是我的代码：

keyDownUp(e){
    //some code to test.
    if (e.keyCode == 16){
      if(this.shiftDown) {
        this.shiftDown=false;
      } else {
        this.shiftDown=true;
      }
    }
  }

<div (mouseup)="mouseup()" (mouseleave)="mouseleave()" (mousemove)="mousemove($event)" (keydown)="keyDownUp($event)" (keyup)="keyDownUp($event)" [ngClass]="{'disable-text': dragStatus ===true}">

鼠标事件在这里起作用，但关键事件却没有（功能keyDownUp未激活）。

我看不到语法上的任何错误。

Answer 1

您需要关注div才能发生关键事件。为了使div更具针对性，您可以将tabindex="0"添加到div中。它将完成工作

html中的键事件不会引发该函数

1 个答案: