最可靠做法是监听copy事件并重写内容：阻止默认行为，用getselection()获取选中文本，拼接版权信息后调用navigator.clipboard.writetext()写入；小程序需降级为uni.setclipboarddata()。
直接在用户触发复制操作时，用 document.execCommand('copy') 或现代的 navigator.clipboard.writeText() 拦截并注入版权信息，是最可靠、兼容性最好的做法。不依赖剪贴板监听（不可靠），也不靠 UI 层“提示”（用户可以绕过）。
怎么拦截并重写复制内容
核心思路是监听 copy 事件，在事件中阻止默认行为，手动构造带版权的文字再写入剪贴板。
- 必须绑定在可选中文本内容的容器上（如
<view class="content"></view>），或全局document（但要注意别污染其他组件） - 使用
e.preventDefault()阻止原始复制逻辑 - 用
getSelection().toString()获取当前选中的纯文本 - 拼接版权申明，例如：
原文出自：${appName}｜${domain}｜禁止商用 - 调用
navigator.clipboard.writeText()写入（uni-app H5 和小程序 WebView 环境均支持）
示例代码：
mounted() {
document.addEventListener('copy', this.handleCopy)
},
beforeUnmount() {
document.removeEventListener('copy', this.handleCopy)
},
methods: {
handleCopy(e) {
const selection = window.getSelection()
if (!selection.rangeCount) return
const text = selection.toString().trim()
if (!text) return
e.preventDefault()
const copyright = `\n\n—— 来源：我的App｜www.example.com｜禁止商用`
const finalText = text + copyright
navigator.clipboard.writeText(finalText).catch(err => {
console.warn('复制失败:', err)
// 回退到 execCommand（仅 H5 旧浏览器）
const textarea = document.createElement('textarea')
textarea.value = finalText
document.body.appendChild(textarea)
textarea.select()
document.execCommand('copy')
document.body.removeChild(textarea)
})
}
}
小程序平台的特殊处理
微信/支付宝等小程序的 WebView 中，navigator.clipboard 可用，但原生 copy 事件在某些版本里可能不触发（尤其 iOS 微信内嵌 WebView）。这时要主动接管“复制按钮”逻辑，而不是依赖用户右键/长按。
- 避免只监听
copy事件，而应在用户点击“复制”按钮时，直接调用uni.setClipboardData() - 把版权信息和原始内容一起拼好再传入：
uni.setClipboardData({ data: text + copyright }) - 不要在
copy事件里调用uni.setClipboardData()—— 它是异步 API，且不在事件上下文内保证权限 - 如果需支持“长按选中后点复制”，仍需监听
copy，但建议加个降级开关：检测是否在小程序环境，优先走按钮路径
容易被忽略的细节
版权信息不是越长越好，也不是越强硬越有效。真正影响落地效果的是三件事：
- 换行符不统一：
\n在 iOS 微信里可能被忽略，建议用\u200b\n（零宽空格+换行）提升兼容性 - 中文标点混用：全角｜和半角| 渲染效果不同，建议固定用全角符号保持视觉一致
- 未过滤富文本残留：如果复制源含 HTML 标签（如从
rich-text复制），getSelection().toString()会自动去标签，但若用innerText取值，可能多出空白或换行，需.replace(/\s+/g, ' ').trim()规范化 - 未考虑隐私合规：部分场景下添加域名或 App 名可能涉及个人信息处理，需确认是否符合《个人信息保护法》对“最小必要”的要求
最常出问题的地方，是以为加了 copy 监听就万事大吉，结果在 iOS 微信里完全不触发 —— 这时候得立刻切到显式按钮 + uni.setClipboardData() 路径，别硬扛事件监听。
