在顶部创建电子透明窗口，但可在程序下方单击

Question

我创建了电子应用程序，它在单击按钮时显示另一个窗口，该窗口的高度和宽度为100%，并且在其区域周围有边框。它也是透明的，因此您可以看到此窗口后面的内容。

现在我想知道我是否能够使下面的内容可点击，或者我需要创建某种黑客，例如这个新的透明窗口，使其非常小，并以某种方式扩展此窗口的边框。

负责创建新的透明窗口的代码是：

const electron = require('electron');
const { app, BrowserWindow, Menu } = electron;
let mainWindow;
let addWindow;
let createTransparentWindow;
app.on('ready', () => {
mainWindow = new BrowserWindow({});
mainWindow.loadURL(`file://${__dirname}/index.html`);
const mainMenu = Menu.buildFromTemplate(menuTemplate);
Menu.setApplicationMenu(mainMenu);
const mainScreen = electron.screen.getPrimaryDisplay();
createTransparentWindow = () => {
addWindow = new BrowserWindow({
width: mainScreen.size.width,
height: mainScreen.size.height,
transparent: true,
frame: false,
alwaysOnTop: true,
});
addWindow.loadURL(`file://${__dirname}/transparentWindow.html`)
};
});

const menuTemplate = [
{},
{
label: 'Record',
submenu: [
{
label: 'TransparentWindow',
click() {
createTransparentWindow();
}
}
]
}
];

如果我能够使此窗口下方的应用程序可点击，请告诉我如何(如果不是(我需要在这里介绍什么样的技巧？

Answer 1

我在这里找到了问题的答案。所以你需要浏览器窗口的是：

addWindow.setIgnoreMouseEvents(true);
addWindow.setFocusable(false);

然后你可以点击。