直接用 oncopy/oncut/onpaste 属性监听剪贴板事件可行，但必须调用 event.preventdefault() 才能干预行为；否则仅能监听无法修改。
直接用 oncopy、oncut、onpaste 属性监听剪贴板事件是可行的，但必须配合 event.preventDefault() 才能真正干预行为；否则只是“听到声音”，改不了结果。
为什么在 input/textarea 上加 onpaste 却拿不到粘贴内容？
React 或原生 DOM 中，onpaste 触发时，event.clipboardData 是可用的，但前提是：你没提前让输入框失去焦点、没在事件处理中抛错、也没被浏览器策略拦截（比如非用户手势触发）。常见错误是直接读 e.clipboardData.getData('text/plain') 却没做类型判断或 fallback。
-
clipboardData在 Safari 旧版或某些 iframe 场景下可能为null，需先判空 - 粘贴纯文本常用
'text/plain'，但富文本编辑器常要'text/html'，甚至'text/rtf' - 如果目标元素没有
contenteditable="true"或不是表单控件（如div），onpaste默认不触发 —— 除非你手动绑定并调用addEventListener
oncopy/oncut 里 setData 失效的三个原因
想在用户复制时塞自定义内容（比如加水印、转义敏感词），用 event.clipboardData.setData() 是标准做法，但容易失败：
- 没调
event.preventDefault()：浏览器会忽略setData，继续用原始选区内容 - 没在用户手势上下文（user gesture）中触发：比如异步回调、定时器、fetch 回来再 setData，Chrome 会静默拒绝
- 设置了不支持的 MIME 类型：例如
'application/json'在多数浏览器中无效，只认'text/plain'、'text/html'、'image/png'（后者仅限图片粘贴场景）
React 中 onCopy/onPaste 不触发？检查是否用了受控组件
React 的 onPaste 在受控 <input value="{xxx}" onchange="{...}"> 下依然能触发，但如果你在 onChange 里修改了 state 却没及时 re-render，会导致事件监听器被卸载重挂 —— 表现就是“偶尔触发、有时不响”。更隐蔽的问题是：
- 用箭头函数内联写法：
onPaste={(e) => { ... }}每次 render 都生成新函数，React 可能跳过事件绑定优化 - 没把
e.clipboardData读取逻辑放在同步位置：比如丢进setTimeout，此时事件对象已被回收，clipboardData为空 - 服务端渲染（SSR）时，这些事件属性不会被 hydrate，首次客户端交互才生效 —— 所以 SSR 页面刚打开时 onpaste 像“失灵”
最易被忽略的一点：移动端 WebView（尤其是 iOS WKWebView）对 oncopy/onpaste 支持极弱，很多情况根本不会触发 —— 如果你的产品要覆盖 App 内嵌页，别依赖这些属性做核心逻辑，改用 document.execCommand（已废弃但兼容性尚可）或 Clipboard API + 手动按钮触发。
