右键单击右键也打开浏览器菜单

Question

我正在尝试在组件中添加右键单击。这段代码在这里：

(contextmenu)="openNote(i)"

打开一个弹出窗口。

问题是，当我单击鼠标右键时，它可以正常工作（打开弹出窗口），但是也称为浏览器右键单击（带有“后退”，“刷新”等）。

单击功能时如何禁用浏览器右键单击？

Answer 1

您需要先防止事件默认行为。

html：

 

(contextmenu)="openNote($event, i)"

.ts

 

openNote($event, i) {
    $event.preventDefault();
    ...
}

Answer 2

您需要从方法false返回openNote。

因此，如果您的代码类似于：

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

您需要具有以下openNote方法：

 onRightClick(event) {
    // Your code here
    ...
    return false;   // Add return false
 }

返回false以避免事件右键单击时的默认浏览器操作。