oncopy 事件中 preventDefault 有时不生效，主要因绑定元素不可复制（如普通 div）、内联 handler 未传 event 参数、或非用户触发的复制行为（如 execCommand）；应优先用 addEventListener 绑定到可编辑元素或 document，并注意移动端兼容性。
oncopy 事件里 preventDefault 为什么有时不生效
直接在 oncopy 事件回调里调用 event.preventDefault() 是可行的，但必须确保事件监听时机正确、且没被其他逻辑干扰。常见失效原因是：事件绑定在了非可编辑元素上（比如 <div> 默认不可复制文本），或用了内联 handler 却忘了传入 event 参数。
- 只有用户真正触发复制行为（Ctrl+C / Cmd+C / 右键复制）时，
oncopy才会触发；纯 JS 调用document.execCommand('copy')不会触发它 - 若元素没有
contenteditable="true"或不是<input>/<textarea>，浏览器可能根本不派发oncopy事件 - 内联写法必须显式传参：
<div oncopy="handleCopy(event)">，否则event是 undefined
推荐写法：addEventListener + preventDefault
比内联方式更可靠，也更容易控制作用范围。关键点是监听对象要选对——通常应绑定在目标文本容器或 document 上，而不是随意一个父级 div。
document.getElementById('myContent').addEventListener('copy', function (e) {
e.preventDefault();
// 可选：手动写入剪贴板
navigator.clipboard.writeText('自定义内容');
});
- 用
addEventListener避免内联脚本维护困难，也方便后续移除 - 如果想全局禁用复制，绑定到
document即可，但注意会影响所有复制操作（包括输入框） -
navigator.clipboard.writeText()是异步的，需处理 Promise 拒绝（如用户拒绝权限）
input/textarea 中阻止复制的特殊处理
在表单控件里，oncopy 默认允许复制已有内容；若想完全禁止（比如防作弊场景），仅靠 preventDefault 不够，还需配合 oncut 和 onpaste。
Comprehensive Three.js 3D graphics reference
下载
详细的 Three.js 3D 图形参考，涵盖场景设置、相机、几何体、材质、光照、动画、控制器、加载器、数学工具和调试。
<input type="text" oncopy="event.preventDefault()" oncut="event.preventDefault()" onpaste="event.preventDefault()">- 更稳妥的做法是加
readonly属性，再用 CSS 去掉光标样式：input[readonly] { caret-color: transparent; } - 注意：设置
disabled会让值无法提交，readonly更合适
移动端 Safari 的兼容性坑
iOS Safari 对 oncopy 支持较晚（iOS 13.4+），且默认不触发——除非元素有 contenteditable 或是聚焦态的表单元素。单纯 <div> + user-select: text 不足以激活该事件。
立即学习“前端免费学习笔记（深入）”；
- 测试时务必真机验证，模拟器可能表现不同
- 替代方案：监听长按手势（
touchstart+ 定时器），提前拦截，但体验不如原生复制事件自然 - 若目标是防止截图或录屏，
oncopy无能为力，这类需求本质上无法靠前端完全解决
copy 事件，就直接写 preventDefault —— 结果什么都没拦住，还以为是 API 失效。 
