用户按ESC角度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()">

有关演示，请参见此堆叠闪电战。