HTML5静态网页无法真正防止复制，仅能通过CSS的user-select:none和JS的contextmenu事件阻止选中与右键菜单，但均可被绕过；敏感内容须服务端保护或图片渲染。
HTML5 静态网页无法真正“防止右键复制”或“禁止选中”，所有前端限制都可被绕过；但可以通过 CSS 和少量 JS 实现基础干扰，降低普通用户直接复制的意愿和便利性。
用 user-select: none 禁止文本选中
这是最常用、最轻量的手段，仅影响鼠标拖选和双击选词行为，不影响键盘 Ctrl+A 或开发者工具查看源码。
需注意：user-select 是 CSS 属性，必须作用于具体元素（如 或内容容器），且不同浏览器前缀已基本无需手动添加（现代 HTML5 支持良好）：
body {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
常见错误：只写 user-select: none 却没加 !important，被第三方 CSS（如框架、插件）覆盖；若页面有富文本区域（如 或 ），需单独设回 user-select: text，否则无法输入。
禁用右键菜单用 oncontextmenu="return false"
这个属性能屏蔽默认右键菜单，但不阻止用户通过快捷键（Shift+F10）、开发者工具或直接查看页面源码获取内容。
推荐写法（避免内联事件更可控）：
document.addEventListener('contextmenu', function(e) {
e.preventDefault();
});
容易踩的坑：
- 在移动端无效（长按触发的是
touchstart或touchend，不是contextmenu） - 部分浏览器（如 Safari 某些版本）对
preventDefault()在contextmenu上支持不稳定 - 若页面含图片、链接等交互元素，禁用右键可能影响正常功能（如图片另存为、链接新标签打开）
配合 pointer-events: none 的误用风险
有人尝试用 pointer-events: none 阻止所有鼠标操作，但这会让整个区域失去点击、悬停、焦点能力——按钮失效、表单不可用、锚点跳转中断。它不是“防复制”的替代方案，而是彻底禁用交互。
正确思路是分层控制：
- 内容层（
