events - 如何禁用 Electron 应用程序中的点击事件

Question

我能够在 electronJS 中构建桌面应用程序。我正在尝试实现在没有类似于 slack 的互联网连接时禁用窗口上的单击事件的功能。我找到了 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";

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