如何在Electron应用中实现仅复制粘贴高亮选中文本的功能

下面是两种可直接落地的实现方案，覆盖绝大多数使用场景：

方案1：渲染层直接获取选中内容写入剪贴板（适用绝大多数场景） #

该方案直接在渲染进程获取当前页面高亮文本，再调用clipboard API写入，逻辑最直观：

// 渲染进程代码，绑定到你的自定义复制按钮点击事件
document.querySelector('#你的复制按钮ID').addEventListener('click', () => {
  // 获取当前页面所有高亮选中的文本，无选中时返回空字符串
  const selectedText = window.getSelection().toString()
  if (selectedText) {
    // 调用Electron官方clipboard API写入剪贴板
    const { clipboard } = require('electron')
    clipboard.writeText(selectedText)
    // 此处可添加自定义的复制成功提示逻辑
  }
})

方案2：调用Electron原生复制指令（和系统Ctrl+C行为完全一致） #

如果不需要对选中内容做二次处理，直接触发原生复制行为即可，无需手动获取选中文本，也不会出现模拟Ctrl+C失效的问题：

// 主进程调用示例，yourWindow为你要获取选中内容的窗口实例
yourWindow.webContents.copy()

// 渲染进程调用示例（需提前配置好remote模块权限，或通过IPC通知主进程调用）
const { remote } = require('electron')
remote.getCurrentWebContents().copy()

执行上述代码后，当前窗口的高亮选中内容会自动写入系统剪贴板，和手动按Ctrl+C的效果完全一致。

常见问题排查 #

• 若选中文本位于iframe内，需要先获取对应iframe的DOM实例，调用iframeDomElement.contentWindow.getSelection().toString()才能拿到正确的选中内容
• 若开启了上下文隔离（contextIsolation: true），不要直接在渲染层引入electron核心模块，需要通过preload脚本暴露对应的复制方法给业务层调用
• 模拟键盘Ctrl+C失效的核心原因通常是触发事件时焦点不在目标内容区域，用webContents.copy()可完全规避该问题

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