用戶按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

您可以在keydown.escape事件的處理程序中調用輸入字段的blur方法：

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

有關演示，請參見此堆疊閃電戰 。