angular – 用于分析组合键按下的HostListener

发布时间：2020-12-17 17:33:15 所属栏目：安全来源：网络整理

导读：我试图跟踪用户使用键盘按Shift键组合键,但我无法触发该事件 @HostListener('keyup',['$event'])@HostListener('keydown',['$event'])onkeyup(event) { if (event.keyCode == 16 event.keyCode == 9) { this.isShift = true; console.log("On Keyup " + even

我试图跟踪用户使用键盘按Shift键组合键,但我无法触发该事件

@HostListener('keyup',['$event'])
@HostListener('keydown',['$event'])

onkeyup(event) {
  if (event.keyCode == 16 && event.keyCode == 9) {
    this.isShift = true;
    console.log("On Keyup " + event.keyCode);
  }
}

onkeydown(event) {
  console.log("On KeyDown" + event.keyCode);
}

解决方法

它在我这样做时有效：

@Directive({
  selector: '[test-directive]'
})
export class TestDirective {
  @HostListener('keydown',['$event']) onKeyDown(e) {
    if (e.shiftKey && e.keyCode == 9) {
      console.log('shift and tab');
    }
  }
}

<input type="text" test-directive />

请注意,keyup可能很棘手,因为tab可能会使元素失焦.因此,当keyup触发时,您可能处于下一个元素,因此keyup实际上可能触发该元素.所以这取决于你需要什么.但keydown适用于当前元素.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!