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

Javascript 在顶部创建电子透明窗口,但可在程序下方单击,javascript,window,electron,Javascript,Window,Electron,我已经创建了electron应用程序,点击按钮会显示另一个窗口,该窗口的高度和宽度均为100%,并且在其区域周围有边框。它也是透明的,所以你可以看到这个窗口后面是什么 现在我想知道我是否能够使下面的东西可以点击,或者我需要创建一些像这个新的透明窗口这样的黑客,使它变得非常小,并以某种方式扩展这个窗口的边框 负责创建新透明窗口的代码是: const electron = require('electron'); const { app, BrowserWindow, Menu } = electr

我已经创建了electron应用程序,点击按钮会显示另一个窗口,该窗口的高度和宽度均为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();
                }
            }
        ]
    }
];

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

我找到了问题的答案。因此,您需要浏览的窗口是:

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

然后你可以点击浏览。

在linux上似乎不起作用。