Electron如何在新建非主窗口中实现console.log与事件监听

你的代码不生效是两个核心错误导致的：

1. BrowserWindow实例是Electron主进程侧的窗口控制代理对象，不属于DOM API范畴，它仅支持Electron内置的窗口状态类事件（比如show、close、blur），根本没有mousedown这类DOM交互事件，直接绑定完全不会触发。
2. Electron的每个窗口都有独立的渲染进程上下文，你在主窗口的脚本里，无法直接访问新窗口的DOM对象，自然没法直接给新窗口的元素/全局对象绑事件。

另外你贴的代码里漏了关键步骤：创建完secondWindow之后没有调用loadFile/loadURL加载页面，空窗口没有DOM上下文，本身也不会响应鼠标交互。

方案1：直接在新窗口的页面脚本里绑定（最推荐） #

这是稳定性最高、最符合Electron设计逻辑的写法：你给新窗口加载的独立HTML页面对应的JS脚本里，直接写事件监听即可，不需要跨窗口操作。

1. 先补全新窗口创建逻辑，记得加载本地页面：

const { BrowserWindow } = require('@electron/remote')
let secondWindow = new BrowserWindow({
  kiosk:false,
  frame:true,
  show:false,
  webPreferences: {
    // 按需配置web安全项，生产环境建议开启contextIsolation、关闭nodeIntegration和remote
    nodeIntegration: true,
    contextIsolation: false
  }
})
// 加载新窗口对应的页面文件
secondWindow.loadFile('./second-window.html')

2. 在second-window.html引入的脚本里，直接绑定鼠标事件：

// 该段代码写在新窗口自己的JS文件里
window.addEventListener('mousedown', () => {
  console.log('Second window click') // 日志会输出在新窗口打开的DevTools控制台里
})

方案2：页面加载完成后注入脚本绑定（适用于加载外部页面的场景） #

如果你要加载第三方外部页面、或者不方便修改新窗口的页面脚本，可以等新窗口页面加载完成后，通过webContents注入JS绑定事件：

// 等新窗口页面DOM加载完成后再执行注入，避免绑定失败
secondWindow.webContents.on('did-finish-load', () => {
  secondWindow.webContents.executeJavaScript(`
    window.addEventListener('mousedown', () => {
      console.log('Second window click')
    })
  `)
})

• 新窗口的控制台日志默认不会输出到主窗口的开发者工具里，你之前写的secondWindow.webContents.openDevTools()打开的才是新窗口的调试面板，日志会打印在这个面板中。
• 不建议在渲染进程中频繁使用@electron/remote创建窗口，官方推荐的做法是在主进程中维护窗口实例，通过IPC通道接收渲染进程的指令操作窗口，安全性和稳定性更好。
• 如果需要把新窗口的点击事件同步到主窗口/主进程，不要直接共享对象，通过ipcRenderer/ipcMain发送消息通信即可。

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