oncopy 属性无法可靠禁止复制，现代浏览器已忽略其 return false 的默认行为干预；真正有效的方式是监听 copy 事件并结合 activeelement 判断，同时配合 user-select: none（需加各浏览器前缀）和 selectstart/contextmenu 事件分级防护，但所有前端手段均可被绕过，服务端权限控制才是关键。
oncopy 属性根本不能可靠禁止复制。它只是个过时的内联事件钩子，现代浏览器（Chrome 90+、Firefox 102+、Edge 110+）已不再响应 return false 的返回值，也不自动调用 event.preventDefault()。你加了 oncopy="return false"，用户照样 Ctrl+C、右键菜单点“复制”、长按选中后点“复制”，甚至直接打开开发者工具看 document.body.innerText —— 全都不受影响。
为什么 oncopy 单独使用完全无效
浏览器把复制操作视为系统级行为，oncopy 只是其中一环，且触发时机晚于文本选中。用户没触发这个事件也能完成复制：
- 右键菜单里的“复制”选项不经过
oncopy，它走的是原生上下文菜单路径 - 移动端长按弹出的“复制”浮层完全绕过页面 JS
-
return false在内联写法中，新版 Chromium 已明确忽略其对默认行为的干预意图 - 即使监听成功，没调
e.preventDefault()就等于没拦——而oncopy="return false"不等价于e.preventDefault()
user-select: none 配前缀才可能生效
这是目前最基础、也最常被漏掉的一环。只写 user-select: none 在 Safari 或旧版 Firefox 里直接失效：
- 必须同时声明：
-webkit-user-select: none（Safari / Chrome）、-moz-user-select: none（Firefox）、-ms-user-select: none（IE/旧 Edge） - 该属性只阻止鼠标拖选和双击选词，不影响键盘 Ctrl+A + Ctrl+C 组合操作
- 对
<input>、<textarea></textarea>和contenteditable元素自动失效——这是浏览器强制保障的可用性底线 - 全局设在
body上会导致所有输入框无法选中文本，实际项目中应限定到具体容器，比如.article-content { ... }
真正能拦截复制的 JS 方式：监听 copy 事件并过滤焦点
用 document.addEventListener('copy', ...) 是唯一还能起效的 JS 路径，但必须避开可编辑区域：
- 错误写法：
document.addEventListener('copy', e => e.preventDefault())→ 所有输入框粘贴功能瘫痪 - 正确判断依据是
document.activeElement，不是e.target（点击空白处时e.target是body，但焦点仍在 input 里） - 必须显式检查
[contenteditable="true"]，富文本编辑器（如 Quill、Tiptap）会因此失效 - Safari on iOS 对
copy事件支持不稳定，部分机型根本不触发，不能依赖它作为唯一防线
示例代码：
document.addEventListener('copy', e => {
const active = document.activeElement;
if (!active.matches('input, textarea, [contenteditable="true"]')) {
e.preventDefault();
}
});
别忘了右键和选中事件才是第一道防线
oncopy 是最后一道，真正该优先处理的是更早的事件：
-
selectstart比oncopy更早，阻止它能让用户连“选中”动作都触发不了：element.addEventListener('selectstart', e => e.preventDefault()) -
contextmenu拦截要条件化，否则链接无法“在新标签页打开”，图片无法“查看原图”：e.target.matches('a, button, input, textarea')以外才e.preventDefault() - 绝对不要给整个
body加onselectstart="return false"—— 屏幕阅读器、键盘导航、表单聚焦全会出问题 - 所有前端防护都会被禁用 JS、删样式、或直接读取 HTML 源码绕过，服务端权限控制（如登录态校验、水印内容动态注入）才是关键
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
