键控/键下与输入事件 - 角度 2.

Question

我正在尝试捕获角度 2 中自动完成指令的所有键盘事件。我将其分为 3 种不同类型的事件。

1(键向上/向下键->空格，向上箭头，向下箭头，进入，转义

     @HostListener('window:keyup', ['$event'])
      keyDownEvent(event: KeyboardEvent) { 
 switch (event.code) {
      // keycode 32
      case "Space" :
      //handle space event
        break;
        //keycode 38
      case "ArrowUp":
        //handle arrow up event
        break;
        //keycode 40
      case "ArrowDown":
        //handle arrow down event
        break;
        //keycode 13
      case "Enter":
        //handle enter 
        break;
        //keycode 27
      case "Escape":
        //handle escape event
        break;
      default :
        break;
    }
      }

2(模糊

@HostListener('blur', ['$event'])
  bluEventHandler(event: any){
 }

3(输入(键盘上的所有其他键，除了#1和#2中提到的键，如a-z，A-z，特殊字符等(

????

我不确定如何捕获输入事件。我正在尝试将我的角度代码转换为角度 2，这就是它在角度 1 中的样子

$(this.element).bind("keydown", function (event) {
}
 $(this.element).bind("input", function (event) {
}
 $(this.element).bind("blur", function (event) {
}

Answer 1

你可以

用同样的方式来听input，就像你对keyup

@HostListener('input', ['$event'])

普伦克示例