首页electron右上角关闭事件监听

electron右上角关闭事件监听

时间: 2025-01-20 16:04:26 浏览: 47

### 实现页面关闭事件监听为了在 Electron 应用程序中监听并处理窗口右上角的关闭按钮点击事件，可以采用 `mainWindow.on('close')` 方法。此方法允许开发者在浏览器窗口 API 上捕捉到 “close” 事件，并在此基础上编写自定义逻辑[^3]。下面是一段 JavaScript 代码示例： ```javascript const { BrowserWindow, app } = require('electron'); let mainWindow; function createWindow() { mainWindow = new BrowserWindow({ width: 800, height: 600, webPreferences: { nodeIntegration: true } }); mainWindow.loadURL(`file://${__dirname}/index.html`); // 监听 close 事件 mainWindow.on('close', (event) => { // 自定义逻辑写在这里 console.log("尝试关闭窗口"); // 如果需要阻止默认行为（即不真正关闭） // 可以调用 event.preventDefault() // 这里假设我们总是希望执行默认行为 // 所以不需要调用 preventDefault() // 关闭前保存数据或其他清理工作可放在这儿 // 让关闭继续发生 mainWindow = null; }); } app.on('ready', createWindow); ``` 这段代码展示了如何创建一个主窗口实例 (`mainWindow`) 并为其设置了一个 ‘close’ 事件处理器。每当用户试图通过点击右上角的 X 按钮来关闭窗口时，都会触发这个回调函数，在这里可以根据需求加入任何必要的业务逻辑。需要注意的是，上述方式仅适用于单独某个特定窗口；对于整个应用程序级别的全局控制，则应该考虑使用 `before-quit` 或者 `will-quit` 等更高层次的应用生命周期管理事件。

阅读全文