Angular 角度检测鼠标左键单击和鼠标右键单击

Angular 角度检测鼠标左键单击和鼠标右键单击,angular,Angular,我对Angular是个新手,我一直在尝试用它来重建扫雷舰。我已经成功地检测到左键单击显示互动程序和右键单击标记互动程序,但我不确定如何检测按下鼠标左键和右键显示较大区域。有办法检测到吗?importHostListener 从“@angular/core”导入{HostListener} 在右键单击事件时,使用contextmenuevent @HostListener("contextmenu", ["$event"]) onRightClick(

我对Angular是个新手,我一直在尝试用它来重建扫雷舰。我已经成功地检测到左键单击显示互动程序和右键单击标记互动程序,但我不确定如何检测按下鼠标左键和右键显示较大区域。有办法检测到吗?

import
HostListener

从“@angular/core”导入{HostListener}

在右键单击事件时,使用
contextmenu
event

@HostListener("contextmenu", ["$event"])
   onRightClick(event) {
      //your code here
   }
@HostListener("click", ["$event"])
  onClick() {
    //code here
  }
在左键单击事件时,使用
单击
事件

@HostListener("contextmenu", ["$event"])
   onRightClick(event) {
      //your code here
   }
@HostListener("click", ["$event"])
  onClick() {
    //code here
  }
对于两次单击,向每个右键和左键单击事件添加
timeout
,因为在大多数情况下,两次单击不能同时触发,一次单击将始终位于另一次单击之前,如果有继续的单击,则执行。在我的工作代码中,右键单击仍然会在两次单击时触发。我不知道这是否是因为
preventdefault
的缘故,但是您可以添加另一个条件,如果两次单击都是执行,那么您就可以执行右键单击了

请参见此处的工作代码:


我可以左键单击和右键单击工作,但我不确定如何检测何时同时按下这两个按钮?请参阅我的编辑。我已经添加了两个点击功能Hi Yiwen,欢迎来到Stackoverflow。您是否可以包含用于检测左键单击/右键单击等的代码片段,以便其他贡献者可以帮助您回答问题?谢谢