angular - 如何处理 Angular 应用程序中的右键单击事件？

Question

在 Angular 中有没有办法捕捉右键单击事件？我看到(单击)和(dblclick)，但是当我尝试(右键单击)时，它不会触发任何事件。有没有一种方法可以包含右键单击事件并让它们由类似于 click 和 dblclick 的函数处理(如果不存在)？

Answer 1

事件名称是上下文菜单。所以，您的 html 模板代码可以是这样的:

<div (contextmenu)="onRightClick($event)"></div>

$event 是一个可选参数，因此您的模板和事件处理程序可以如下所示:

<div (contextmenu)="onRightClick()"></div>

onRightClick() {
    return false;
}

注意:你可以返回false；以避免事件中的默认浏览器操作。