Electron如何在窗口关闭时新建BrowserWindow并阻止事件影响新窗口

问题根因 #

Electron 中BrowserWindow的closed是窗口实例的独立私有事件，本身不存在跨窗口传播的特性，你遇到的“事件干扰”本质是代码逻辑和框架默认规则导致的异常表现，具体原因如下：

• 创建browser2时漏写new关键字，直接调用BrowserWindow()会导致上下文错乱，触发非预期行为
• 未显式声明新窗口的父级属性，在browser1的事件回调中创建新窗口时，部分场景会默认将browser1设为父窗口，Electron 规则中父窗口销毁时会自动关闭所有关联子窗口，看起来就像是browser1的closed事件触发了browser2关闭
• 示例代码存在语法疏漏：browser2的closed事件监听缺少闭合括号，会导致代码执行异常

修正方案 #

按以下方式修改代码即可完全隔离两个窗口的生命周期和事件：

const { BrowserWindow } = require('electron')

let browser1 = new BrowserWindow({
  width: 800,
  height: 600,
})

browser1.on('closed', () => {
  // 显式加new创建独立窗口实例，指定parent: null切断和browser1的父子关联
  let browser2 = new BrowserWindow({
    width: 800,
    height: 600,
    parent: null // 关键配置：明确声明无父窗口，避免被browser1的销毁逻辑影响
  })

  browser2.on('closed', () => {
    console.log("browser2 received closed event")
  })
})

效果说明 #

修改完成后：

1. browser1关闭触发自身closed事件，仅会执行创建browser2的逻辑，不会对browser2产生任何其他影响
2. browser2的closed事件仅会在自身被手动关闭时触发，和browser1的生命周期完全独立

内容的提问来源于stack exchange，提问作者PaulYu