阻止网页文字复制需多层防护：拦截selectstart事件、禁用右键和快捷键、CSS设置user-select:none，并配合服务端图片/CSS渲染、动态水印等策略，但无法完全杜绝。

在网页中阻止用户复制文字，不能单靠拦截 selectstart 事件就实现完全防护，但它是关键一环。需配合多种手段协同防御，且必须明确：前端防护无法真正杜绝复制（用户可禁用 JS、查看源码、截图等），目标应是提高复制门槛、防止无意或批量抓取。

拦截 selectstart 并阻止默认行为

selectstart 是文本选中开始时触发的事件，在 Chrome、Edge、Firefox 中均支持。需在目标元素或 document 上监听并调用 event.preventDefault()：

• 直接绑定到敏感容器（如含机密内容的 <div id="secret">）更精准，避免影响全站交互
• 注意：仅阻止鼠标拖选，键盘 Ctrl+A 触发的全选不会触发该事件，需额外处理
• 示例代码：
  document.getElementById("secret").addEventListener("selectstart", e => e.preventDefault());

禁用右键菜单与快捷键组合

仅拦 selectstart 不够，还需封堵常见复制入口：

Alibabacloud Sdk Client Initialization For Java

在 Java 中初始化和管理阿里云 SDK客户端。包括单例模式、线程安全、endpoint 与 region 配置、VPC 终端节点、同步与异步等。

下载

• 监听 contextmenu 事件并阻止右键菜单：
  element.addEventListener("contextmenu", e => e.preventDefault());
• 监听 keydown 拦截 Ctrl+C、Ctrl+A、Cmd+C 等组合键：
  element.addEventListener("keydown", e => { if ((e.ctrlKey || e.metaKey) && (e.key === "c" || e.key === "a")) e.preventDefault(); });
• 注意：部分快捷键（如 Ctrl+U 查看源码）无法被 JS 拦截，属浏览器安全限制

禁用用户选中样式与 CSS 控制

视觉上消除可选中提示，降低用户尝试意愿：

立即学习“Java免费学习笔记（深入）”；

• 对敏感区域设置 CSS：
  #secret { user-select: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; }
• 该样式会抑制大部分选中行为（包括双击、三击），但某些场景下仍可能被绕过（如通过开发者工具临时删掉样式）
• 配合 JS 的 selectstart 拦截，形成双重保险

服务端配合与内容交付策略

真正敏感信息不应以纯文本形式暴露在 DOM 中：

• 优先采用图片渲染敏感字段（如身份证号、金额），规避文本提取可能（但牺牲可访问性和 SEO）
• 使用 canvas 渲染文字，使内容不可被选中、无 DOM 节点对应
• 对关键页面启用动态水印（含用户 ID、时间戳），既不阻止复制，但让泄露内容可溯源
• 后端响应头添加 X-Content-Type-Options: nosniff 和 Content-Security-Policy 限制脚本注入，防止恶意篡改防护逻辑