+
59
-

回答

你可以通过 CSS 实现网页中某些文本“只能看不能复制”。常用方法如下:

使用 user-select: none; 禁止选中 或结合 pointer-events: none; 禁止右键和复制

示例代码如下:

<span style="user-select: none;">这段文字无法被复制</span>

或者为某个类统一设置:

.nocopy {
  user-select: none;
  -webkit-user-select: none; /* 兼容Safari */
  -moz-user-select: none;
  -ms-user-select: none;
}
<div class="nocopy">这段内容无法被复制,只能肉眼看到</div>

这样设置后,用户无法通过鼠标拖选、Ctrl+C 等方式复制该内容,只能肉眼看到。注意:这种方式只是前端防护,技术用户依然可以通过查看源码等方式获取内容。

完整代码

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum=1.0,minimum=1.0,user-scalable=0" />
    <title>BFW NEW PAGE</title>

     <style>
        .nocopy {
  user-select: none;
  -webkit-user-select: none; /* 兼容Safari */
  -moz-user-select: none;
  -ms-user-select: none;
}
      </style>
</head>
<body>

这个可以正常复制,<div class="nocopy">这段内容无法被复制,只能肉眼看到</div>,这个也可以复制
</body>
</html>
		

网友回复

我知道答案,我要回答