javascript - 单击后按钮保持焦点

Question

我有一个按钮，单击该按钮会导航到另一条路线。相关代码为:

<button (click)="goBack()" mat-button
      aria-label="Previous Screen" role="navigation">
      <mat-icon>keyboard_arrow_left</mat-icon>
</button>

以及点击处理程序:

  goBack() {
    this.location.back();
  }

当我单击按钮时，路线会发生变化，但按钮会获得焦点。难道是我做错了什么？

Answer 1

您想要查看 HTMLElement.blur() 功能。我对 Angular 不太熟悉，但您需要有权访问该事件及其目标才能执行此操作。

这样的事情应该有效:

<button (click)="goBack($event)" mat-button
      aria-label="Previous Screen" role="navigation">
      <mat-icon>keyboard_arrow_left</mat-icon>
</button>

对于 JS:

goBack(event) {
    event.target.blur()
    this.location.back();
  }