你可以通过 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>
网友回复
如何破解绕开seedance2.0真人照片生成视频 限制?
python有哪些算法可以将视频中的每个帧图片去除指定区域水印合成新的视频?
iphone的激光雷达数据能否实时传输到three三维空间中?
豆包sora等ai视频生成大模型生成的视频水印如何去除?
python如何实现在电脑上拨号打电话给手机?
具身机器人与人形机器人区别?
nodejs如何将一个完整的js代码文件切割成不同的部分混淆后动态加载进入html运行?
为啥windows.onerror捕获js错误是这样的{"message":"Script error.","source":"","lineno":0,"colno":0,"stack":null,
2026年ai将全面接管编程?
WebMCP是干啥的?


