HTML无法真正禁止复制，只能增加普通用户操作成本；所有前端手段均可被绕过，敏感内容不应在前端渲染。
直接说结论：HTML 无法真正“禁止复制”，只能增加普通用户的操作成本；所有前端手段都可被绕过，敏感内容不该放在前端渲染。
user-select: none 不起作用？检查浏览器兼容性和层叠顺序
-
user-select: none是最轻量、最推荐的第一道防线，但它只阻止鼠标选中，不拦截键盘快捷键（如 Ctrl+A 全选后 Ctrl+C） - 必须写全前缀才能覆盖老版本浏览器：
-webkit-user-select: none、-moz-user-select: none、-ms-user-select: none，最后加标准写法user-select: none - 如果元素有内联样式、CSS 优先级更高的规则（比如某个 class 里写了
user-select: text），会覆盖掉全局设置 - 移动端 Safari 对
user-select支持不稳定，部分 iOS 版本下点击长按仍可触发“复制”菜单
document.addEventListener('copy') 被忽略？注意触发时机和权限限制
-
copy事件只在用户主动触发复制行为时才触发（右键 → 复制 / Ctrl+C），但不会捕获拖选后按 Ctrl+Insert 的行为 - 在非用户交互上下文（比如页面刚加载完就执行）调用
navigator.clipboard.writeText()会直接报错NotAllowedError，因为浏览器要求必须由用户手势（click/touchstart）触发 -
e.preventDefault()只能阻止默认复制行为，不能阻止用户手动打开 DevTools → Elements 面板 → 直接复制 innerHTML - iOS Safari 基本不触发
copy事件，Android 各厂商浏览器行为也不统一，移动端基本不可靠
oncontextmenu='return false' 和 onselectstart='return false' 还管用吗？
html-to-pptx-converter
下载
使用 PptxGenJS 和 Python 解析，将结构化的 HTML/CSS 幻灯片内容转换为原生、可编辑的 PowerPoint（.pptx）演示文稿。
立即学习“前端免费学习笔记（深入）”；
- 这两个属性在现代浏览器中依然有效，但仅对鼠标行为起作用：
-
oncontextmenu可屏蔽右键菜单（但长按/双指长按在移动端可能无效） -
onselectstart能阻止鼠标拖选起点，但对触摸选中（尤其是 iOS 上的“放大镜式”文字选择）无效
-
- 它们属于旧式写法，建议改用事件监听器统一管理，避免混用内联属性导致维护困难
- 若页面含
iframe或富文本编辑器（如contenteditable区域），这些事件可能被内部捕获，外部监听器收不到
为什么禁用复制总被绕过？关键点在于执行环境
- 所有 JavaScript 禁用逻辑都在客户端运行，用户只需禁用 JS、修改 DOM、或用 DevTools 删除事件监听器，就能立刻恢复复制能力
- 查看源码（Ctrl+U）、Elements 面板、Network 中查看 HTML 响应体——这三处永远能拿到原始内容
- 真正需要保护的内容（如版权文字、密钥、题库答案），应该：
- 不在 HTML 中静态写死
- 通过服务端接口动态返回，并配合鉴权 + 一次有效 Token
- 敏感字段做服务端脱敏（例如返回 “••••1234” 而非完整卡号）
别把 user-select 当保险柜，它只是贴在门口的一张“请勿入内”告示。
