javascript - 如何在不使用 -webkit-app-region 的情况下在 Electron 中移动无框窗口

Question

我一直试图在 false 上移动一个无框窗口，但现在我想通过拖动一个元素(标题栏)来移动整个窗口，我试过- webkit-app-region: drag; 但是好像不行，我也试过https://www.npmjs.com/package/electron-drag但它也不起作用。

Answer 1

由于您的窗口是无框的，因此您可以使用属性 -webkit-app-region，即使您的 IDE 说它不是，它仍然有效。出于用户体验考虑，您应该禁止文本选择并在标题栏内拖动按钮。

.titlebar {
  -webkit-user-select: none;
  -webkit-app-region: drag;
}

.titlebar-button {
  -webkit-app-region: no-drag;
}

API 文档也提到了这一点 https://github.com/electron/electron/blob/master/docs/api/frameless-window.md#draggable-region