index.html里如何设置网页文字禁止复制？-html教程-PHP中文网

禁用文字选择可用css的user-select: none（需加-webkit-、-moz-、-ms-前缀），但无法阻止右键复制；拦截复制需js监听contextmenu和copy事件并排除表单元素；技术上无法彻底防复制，应侧重后端权限与内容策略。

index.html里如何设置网页文字禁止复制？

用 CSS 的 `user-select` 禁用文字选择

直接在 index.html 的 <style></style> 或外部 CSS 中加一条规则即可阻止用户高亮、拖选文字，这是最轻量且兼容性足够好的方式：

user-select: none 作用于目标元素（如 body 或具体容器），能有效防止鼠标拖选和双击选词
需同时写全浏览器前缀以覆盖旧版 Chrome/Firefox/Safari：-webkit-user-select、-moz-user-select、-ms-user-select
注意：它只禁“选中”，不阻止右键菜单或 Ctrl+C —— 如果想拦复制，得配合其他手段

拦截右键和复制事件的 JavaScript 补充方案

仅靠 CSS 无法阻止用户右键 → “复制” 或 Ctrl+C，必须用 JS 拦截事件。但要注意行为边界和可访问性影响：

监听 contextmenu 事件并调用 e.preventDefault() 可屏蔽右键菜单
监听 copy 事件可阻止复制动作，甚至可改写剪贴板内容（比如插入水印）
不要对整个 document 盲目绑定 —— 若页面含表单输入框（<input>、<textarea></textarea>），必须放行，否则用户无法正常输入

示例片段（放在 <script></script> 中）：

document.addEventListener('contextmenu', e => {
  if (!e.target.matches('input, textarea, [contenteditable="true"]')) {
    e.preventDefault();
  }
});
document.addEventListener('copy', e => {
  if (!document.activeElement.matches('input, textarea, [contenteditable="true"]')) {
    e.preventDefault();
  }
});