JavaScript 中事件捕获与冒泡怎么在 copy 事件中阻止用户复制页面文本内容-js教程-PHP中文网

copy事件只在目标阶段触发且不冒泡，阻止复制只需调用preventDefault()；完整防护需结合CSS禁选中、JS拦截selectstart及copy事件兜底，但无法防技术用户。

javascript 中事件捕获与冒泡怎么在 copy 事件中阻止用户复制页面文本内容

在 copy 事件中阻止用户复制，并不需要依赖事件捕获或冒泡阶段的特殊处理——因为 copy 是一个只在目标阶段触发、且默认不冒泡的事件（根据 DOM 规范，clipboard 相关事件如 copy、cut、paste 属于“非冒泡事件”，即 event.bubbles === false）。所以无论你在捕获阶段还是冒泡阶段监听，效果完全一致，关键在于调用 preventDefault()，而不是控制传播路径。

为什么捕获/冒泡对 copy 事件没实际影响

不同于 click 或 keydown，copy 事件不会从 document 向下捕获，也不会从目标元素向上冒泡。它只在 document（或绑定对象）上被直接触发一次。因此：

addEventListener('copy', handler) 默认就是在目标阶段执行，第三个参数写 true（捕获）或 false/省略，行为完全一样；
event.stopPropagation() 和 event.stopImmediatePropagation() 对 copy 事件无效，因为它本来就不传播；
你无法靠“阻止冒泡”来避免父级 copy 监听器触发——因为根本不存在多层冒泡。

真正起作用的只有 preventDefault()

复制动作能否成功，取决于浏览器是否允许执行默认的剪贴板写入行为。只要在 copy 事件回调中调用 e.preventDefault()，系统就会丢弃当前选中的文本，剪贴板内容不会更新。

示例代码：

Java调试

通过 JDWP 实现 Java 远程调试：连接远程 JVM、设置断点、单步执行代码、查看变量值、获取调用栈。适用于需要调试远程 Java 应用、排查运行时状态、追踪代码执行流程的场景。术语注解 JDWP：Java Debug Wire Protocol，Java 调试有线协议（Java 远程调试底层通信协议） remote JVM：远程 Java 虚拟机 step through code：代码单步调试（步入 / 步过 / 步出调试） inspect variables：变量查看 / 变量检视 stac

下载

document.addEventListener('copy', e => {
  e.preventDefault(); // 这一行决定成败
  // 可选：塞入自定义提示文本
  e.clipboardData.setData('text/plain', '请尊重版权，勿擅自复制');
});

但仅靠 copy 监听远远不够

用户复制前必须先选中文本，而“选中”本身可被 CSS 或 JS 拦截。所以完整防护需组合以下三层：

CSS 禁选中：给 body 或内容区加 user-select: none 及各浏览器前缀，让鼠标拖拽无效；
JS 阻止 selectstart：监听 selectstart 事件并 preventDefault，覆盖 CSS 失效场景（如部分富文本区域）；
copy 事件兜底：即使用户绕过前两步（例如通过开发者工具临时删样式），这一层仍能拦截 Ctrl+C / 右键复制。