Angular Material：如何禁用右键单击 cdk 覆盖容器？

Question

我在画布对象上使用 mat-menu 作为上下文菜单，问题是当我右键单击画布对象时，会显示默认的浏览器上下文菜单，它与实际的上下文菜单重叠；我想阻止默认上下文菜单显示在 cdk-overlay-container 元素上。右键单击事件是从子组件（画布）触发的，我调用了 PreventDefault()，并且 mat-menu 位于父组件中。

Answer 1

这对我有用

@ViewChild("contextMenu") contextMenu: MatMenu;
...
document.getElementsByClassName(this.contextMenu.backdropClass).item(0)
                .addEventListener("contextmenu", event => {event.preventDefault()});