a标签右键新标签打开时onClick函数不执行的问题求助

大家好，我现在遇到一个棘手的问题想请教各位大佬：

我用<a>标签而非按钮组件，是因为需要实现用户右键点击后可以选择“在新标签页打开”的功能：

但现在的问题是，当用户选择“在新标签页打开”时，这个a标签上绑定的onClick函数完全不会执行。而这个函数里有跳转前显示警告弹窗的逻辑，必须要让它触发才行！

以下是我的代码，希望能得到大家的建议，谢谢！

<a
    mat-flat-button
    class="action"
    [routerLink]="'/sponsor'"
    [queryParams]="{ id: 'sponsorId', viewPk }"
    [disabled]="isLoading || dataLength === 0 || !isFiltering"
    (click)="onClickNavigateToPageX()"
  >
    <mat-icon svgIcon="graph" class="icon"></mat-icon>
    See graph
  </a>

备注：内容来源于stack exchange，提问作者Thuan Tran