禁复制粘贴需在input/textarea上监听copy/cut/paste/keydown事件并preventDefault，对paste要手动读取clipboardData；仅限制特定列需用class精准选择器绑定；移动端需兜底提示，且不可依赖此方案作安全防护。
table 里 或
直接给表格单元格加 user-select: none 对表单控件无效——<input> 和 <textarea></textarea> 默认忽略该样式，用户仍可双击、拖选、Ctrl+A、右键复制。真正要拦住，得在表单元素自身上做事件拦截。
- 必须监听目标
<input>或<textarea></textarea>的copy、cut、paste事件，不能只绑document -
oncopy="return false"这类内联写法在现代浏览器中已不可靠，推荐用addEventListener - 若表格是动态渲染（如 Vue/React），需确保事件绑定发生在 DOM 挂载后，或使用事件委托（但注意
paste不冒泡到table）
如何只禁某几列的复制粘贴，其他列保持可编辑
常见场景：操作列含按钮/开关，但旁边的“名称”“描述”列要允许复制；或反向——仅“备注”列允许粘贴，其余列禁止。关键在精准匹配目标元素，避免误伤。
- 给需限制的单元格加 class，例如
<td class="no-copy-cell"><input></td> - 用
querySelectorAll('.no-copy-cell input, .no-copy-cell textarea')批量绑定事件 - 对
paste事件，必须调用e.preventDefault()，再手动读取e.clipboardData.getData('text/plain')—— 否则会丢内容或触发默认富文本粘贴 - 别忘了处理
keydown：按 Ctrl+V 时若不阻止，paste可能来不及拦截（尤其 Safari）
为什么 paste 事件里取不到剪贴板内容？
报错 Cannot read property 'getData' of null 或返回空字符串，基本是权限或时机问题。Chrome/Firefox 要求用户有“主动交互”（如 click/focus）后才能访问 clipboardData；Safari 更严格，甚至可能完全不暴露该对象。
- 确保事件监听器在元素获得焦点（
focus）后才启用，或绑定在input上而非td - 不要依赖
event.clipboardData在所有浏览器中都存在，加空值判断：const data = e.clipboardData?.getData('text/plain') || '' - 移动端 WebView（如微信内置浏览器）基本不支持
clipboardData，此时只能靠禁用paste+ 提示文案兜底
粘贴时自动清洗内容（防格式/XSS）怎么写
禁粘贴不是目的，防止富文本污染或恶意脚本才是真实需求。与其粗暴 preventDefault()，不如接管粘贴逻辑，只留纯文本。
立即学习“前端免费学习笔记（深入）”；
- 在
paste回调中，用e.clipboardData.getData('text/plain')提取原始文本 - 立即
e.preventDefault()，防止浏览器默认插入 HTML 片段 - 用
input.setSelectionRange()定位光标，再用input.setRangeText()插入清洗后的内容 - 最后手动触发
input.dispatchEvent(new Event('input', { bubbles: true }))，保证 React/Vue 等框架能响应
真正难的不是写几行代码，而是平衡限制强度和可用性：禁掉粘贴后，用户无法快速填入手机号、邮箱等常用字段；过度清洗可能把带符号的合法内容（如 `123-456-7890`）全干掉。别把“防复制”当成安全方案，它只是第一道视觉门槛。
