javascript - 悬停在html元素上时， Electron 窗口调整大小切换

Question

我正在用Electron创建一个小项目，当我将鼠标悬停在窗口的标题上时，窗口的高度会扩展，并且当我将鼠标移出该标题时，它应该返回其原始大小。我实现了setSize()函数，它仅在悬停时扩展了窗口，但是当我将鼠标移出时，它并没有返回其原始大小。我的源代码如下:(用于控制窗口的 Electron 程序的前端的html和Javascript文件以及 Electron 程序的主进程(main.js)。虽然两个事件的console.log都被触发，但setSize不会为mouseout事件工作。
非常感谢您对此的反馈意见，我在哪里做错了？
page.html

<div class="home">
  <h4 id="hom" class="hometext white">pipe</h4>
</div>

page.js

const electron = require("electron");
const ipc = electron.ipcRenderer;

const myhome = document.getElementById("hom")

myhome.addEventListener("mouseover", () => {
  //createBrowserWindow();
  ipc.send("mouseover", "myred");
});
myhome.addEventListener("mouseout", () => {
  //createBrowserWindow();
  ipc.send("mouseout", "myred");
});

Electron 主要工艺:
main.js

function createWindow() {
    smallWindow = new BrowserWindow({
      webPreferences: {
        nodeIntegration: true,
      },
      title: "small app",
      width: 500,
      height: 400,
      alwaysOnTop: true,
      opacity: 1.0,
      frame: false,
      closable: true,
      backgroundColor: themeMain,
      resizable: false,
      x: 50,
      y: 55,
    });
    smallWindow.loadFile(`./app/smallwin/smallwin.html`);
}

    ipcMain.on("mouseover", () => {
        console.log('mouseover')
        smallWindow.setSize(500, 700)
      });
      ipcMain.on("mouseout", () => {
          console.log('mouseout')
        smallWindow.setSize(500, 400)
      });

Answer 1

您必须在main.js中将可调整大小的值更改为true