常见的网页复制粘贴禁用问题
1.网页无法选取文字
按下键盘的F12调出开发者工具,点击console控制台,输入以下代码后回车即可:
解除网页无法选取文字
var eles = document.getElementsByTagName('*');
for (var i = 0; i < eles.length; i++) {
eles[i].style.userSelect = 'text';
}
2. 网页禁用js
开发者工具》设置
3.layer工具显示控件的布局
定位当前层所在的代码位置:
4.学习通界面编辑
进入开发者工具界面:
在< p >标签中显示
5.解除网页不可复制粘贴
在浏览器地址栏输入以下代码,网页将被锁定,限制复制的Javascript脚本将无效
【粘贴后再删除】javascript:void($={});
注意:直接复制,有些网页会修改该代码"javascript:" 将会丢失
6.禁止用户复制界面文字
做项目的时候有客户提出要求,不能用用户浏览他发表的文章时复制他的文章
一种比较简单的方法,禁止用户选中页面的文字和禁止用户右键菜单
document.oncontextmenu = ``new` `Function(``"event.returnValue=false"``);``document.onselectstart = ``new` `Function(``"event.returnValue=false"``);
如果只是禁止部分区域的话,直接在标签上加上onselectstart=“return false”
<``div` `onselectstart="return false" id="div" >``此区域禁止复制``</``div``>
或者
<``div` `onselectstart="return false" id="div" >``此区域禁止复制``</``div``>``<``script` `type="text/javascript" >`` ``$(document).ready(function(){`` ``document.getElementById('div').onselectstart =function(){`` ``return false;`` ``};`` ``});``</``script``>
在火狐下这种js写法是无效的
在火狐下有个屏蔽选择样式的样式属性 -moz-user-select (只支持火狐浏览器)
<``div` `style="-moz-user-select:none;" >`` ``禁止复制此区域``</``div``>
如果要禁止整个页面
<``script` `type="text/javascript" >`` ``$(document).ready(function(){`` ``$("body").css("-moz-user-select","none");`` ``});``</``script``>
-moz-user-select主要有三个值 none -moz-all -moz-none
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· DeepSeek “源神”启动!「GitHub 热点速览」
· 微软正式发布.NET 10 Preview 1:开启下一代开发框架新篇章
· C# 集成 DeepSeek 模型实现 AI 私有化(本地部署与 API 调用教程)
· DeepSeek R1 简明指南:架构、训练、本地部署及硬件要求
· 2 本地部署DeepSeek模型构建本地知识库+联网搜索详细步骤