electron如何设置整个窗口都能拖动又不影响窗口内的元素点击事件

在 Electron 中，如果你想要创建一个可以全屏拖动但窗口内元素不受影响的窗口，你可以通过监听 `webContents` 的 `frame` 事件，并利用浏览器视口 (`window.webContents.view`) 实现这个功能。以下是步骤：

1. 首先，你需要在渲染进程中获取到当前页面的 `webContents` 对象。在主进程 (`main.js`) 中，你可以这样做：

const { BrowserWindow } = require('electron')
const win = new BrowserWindow({ /* 其他配置 */ })

win.webContents.on('did-finish-load', () => {
  // 确保在窗口加载完成后处理
})

2. 当窗口加载完成之后，你可以添加一个事件监听器来控制窗口的拖放行为：

// main.js 或相关文件
win.webContents.on('frame', (event, frame) => {
  if (!frame.isMain()) {
    const handleDragStart = e => {
      e.preventDefault() // 阻止默认的拖放行为
      // 使用 webContents 视图来直接移动 window，而不是元素
      const position = frame.getBoundingClientRect()
      win.setPosition(position.left + e.clientX, position.top + e.clientY)
    }

    frame.addEventListener('mousedown', handleDragStart)

    return {
      dispose: () => {
        frame.removeEventListener('mousedown', handleDragStart)
      }
    }
  }
});

在这个处理程序中，当鼠标按下时，我们阻止了默认的拖放，然后直接基于 `webContents.view` 移动整个窗口。

3. 现在，用户可以自由拖动窗口，但是窗口内部的元素仍然会响应点击事件，因为它们的事件处理器并没有被覆盖。

注意：这种做法仅适用于窗口级别的拖放，如果窗口内部有嵌套的可拖动元素，可能需要单独处理这些元素的事件。