如何在电子应用程序中禁用点击事件

Question

我能够在electronicJS中构建桌面应用程序。我尝试实现在没有类似于松弛的互联网连接时禁用窗口上的单击事件的功能。我发现了API to detect the internet in electron，但找不到找到禁用单击事件的方法。

Answer 1

您可以通过将以下规则添加到页面的CSS来禁用所有指针事件：

body {
  pointer-events:none;
  }

或通过JavaScript：

document.body.style.pointerEvents = "none";

重新启用：

body {
  pointer-events:auto;
  }

或

document.body.style.pointerEvents = "auto";

您可以在更具体的元素上执行此操作，以获得更精细的控制。

Answer 2

您可以在所有内容的前面添加一个不可见的面板，并在其中捕获点击。