javascript - 如何在用户按 ESC angular 5 时从文本字段中删除焦点

Question

我需要使用 ESC 键从用户的输入文本字段中移除焦点。我不知道如何使用文本输入字段。下面的代码可以完美地检测 ESC 键是否被按下。

// Triggered Listener to detect event raised from DOM.
@HostListener('document:keydown', ['$event']) onKeydownHandler(event: 
KeyboardEvent) {
 if (event.keyCode === 27) {
    return false;
  }
}

谁能帮忙看看怎么办？？谢谢

Answer 1

可以在keydown.escape事件的handler中调用输入框的blur方法:

<input #txtInput (keydown.escape)="txtInput.blur()">

参见 this stackblitz用于演示。