当用户按下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

您可以在blur事件的处理程序中调用输入字段的keydown.escape方法：

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

请参阅this stackblitz了解演示。