在main中，像这样从electron导入ipcMain

const { ipcMain, app, BrowserWindow,BrowserView } = require("electron");

在webPrefs中添加预加载文件。例如

let webPrefs = {
    plugins: false,
    nodeIntegration: false,
    nodeIntegrationInWorker: false,
    webviewTag: true,
    sandbox: true,
    enableRemoteModule: false,
    contextIsolation: true,
    disableBlinkFeatures: "Auxclick",
    webSecurity: true,
    preload:"./preload.js"
};

创建一个新的preload文件并命名为“preload.js”。当然，你可以命名它，只要确保在上面的preload中设置了正确的文件名。
这个文件就像一个桥梁之间的webview和主进程。预加载脚本在渲染器进程被加载之前运行，并且可以访问渲染器全局变量（例如窗口和文档）和Node.js环境。
将以下代码放入preload.js文件中

const { ipcRenderer } = require("electron");

window.addEventListener("input", (e) => {
  //dom_element_id = the id of input element you want
  if (e.target.id === "dom_element_id")
    ipcRenderer.invoke("INPUT_OCCURED", e.target.value);
});

现在回到你的主文件，例如你可以添加

win.loadURL("https://www.example.com");

  ipcMain.handle("INPUT_OCCURED", (event, data) => {
    console.log(data);
  });

你需要的所有代码。现在再做一些解释。
preload文件在webview内容之前被加载，并且可以运行任何你想要的东西。它也可以访问节点的东西。我们所做的是使用IPC在preload和main之间进行通信。我们在preload中添加了一个全局监听器，它列出了所有输入事件。然后他检查并且如果ID与dom_element_id匹配，则其将DOM元素值发送到main。主获取事件数据在INPUT_OCCURED他上市
我之所以添加一个全局侦听器而不是获取元素并将侦听器添加到他，只是为了简化示例。