Angular-如何根据条件禁用特定DIV之外的鼠标单击事件？

Question

我正在使用生成角度代码的RAD工具，我想对特定行为进行一些修改。

我有一个网格，我可以通过单击按钮进入特定行的“编辑”模式，现在进入编辑模式，我想完全禁止在包含该网格的div之外的鼠标单击，因为如果用户单击某些网格之外的组件，在保存他的编辑之前，它将引起一些错误。

因此，当我单击“编辑”按钮时，我想停止特定div之外的鼠标事件，并且一旦单击“保存”按钮，我想再次允许到处都有鼠标事件。

我没有要显示的代码，因为它只是带有一些button标记的html代码。

我正在寻找的解决方案只是知道执行此操作的正确方法是什么，然后我就可以自行实现

Answer 1

您可以执行以下操作。查看代码，找到(click)事件，并将MouseEvent的引用传递给此事件。

模板：

<div (click)="stopEvent($event)"></div>

然后致电：

stopEvent(e: MouseEvent) {
  e.stopPropagation();
}