Angular 6中的鼠标中键 [英] Middle click mouse in Angular 6

问题描述

如何在Angular 6中用鼠标中键单击在新选项卡中打开routerlink? 我想在新标签页中打开每个链接. 例如

How to open routerlinks in a new tab with middle click mouse in Angular 6? I want to open every link in a new tab. for example

<button mat-icon-button color="accent" [routerLink]="['/edit', a.Id]"> <mat-icon>edit</mat-icon> </button>

<button mat-icon-button color="accent" [routerLink]="['/edit', a.Id]"> <mat-icon>edit</mat-icon> </button>

推荐答案

按下任何非鼠标左键并释放到元素上时，都会触发auxclick事件.

The auxclick event is fired when a any non-left mouse button has been pressed and released on an element.

<button mat-icon-button color="accent" [routerLink]="['/edit', a.Id]" 
  (auxclick)="onClick($event)">
          <mat-icon>edit</mat-icon>
</button>

component.ts

onClick(e){
   e.preventDefault();
   if(e.which==2){
     window.open('/users/'+a.Id);
   }

}

这篇关于Angular 6中的鼠标中键的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！