网页禁止复制的JS/HTML/CSS代码
我们可以通过 JS 代码来禁用网页的复制事件、剪切事件、选择内容事件甚至是右键菜单事件。
// 禁止右键菜单
document.oncontextmenu = function(){ return false; };
// 禁止文字选择
document.onselectstart = function(){ return false; };
// 禁止复制
document.oncopy = function(){ return false; };
// 禁止剪切
document.oncut = function(){ return false; };
二、通过 HTML 实现
除了上面提到的方法,我们也可以通过设置标签属性的方式直接禁用页面复制剪切操作:
<body
oncopy="return false"
oncut="return false;"
onselectstart="return false"
oncontextmenu="return false"
>
</body>
该方法本质上与 JS 实现方式相同。
通过以下 JS 代码可以恢复页面复制、剪切及内容选中功能:
document.body.oncopy = null;
document.body.oncut = null;
document.body.onselectstart = null;
document.body.oncontextmenu = null;
三、通过 CSS 实现
我们也可以通过 CSS 样式,禁止页面内容被选中,从而达到限制复制操作的目的:
body {
-moz-user-select:none; /* Firefox私有属性 */
-webkit-user-select:none; /* WebKit内核私有属性 */
-ms-user-select:none; /* IE私有属性(IE10及以后) */
-khtml-user-select:none; /* KHTML内核私有属性 */
-o-user-select:none; /* Opera私有属性 */
user-select:none; /* CSS3属性 */
}
恢复页面内容选中功能,需要通过 JS 代码进行实现:
document.body.style.webkitUserSelect = 'auto'; // Firefox
document.body.style.userSelect = 'auto'; // Chrome
- 上一篇: 阿里巴巴普惠体 2.0可以免费商用的字体
- 下一篇: 网站版本历史回看工具,网站版本时间穿梭
最新点入
阳光游戏
阳光游戏网为玩家提供新的网络游戏,单机游戏,手机游戏,手游等资源,经过多年努力已成为游戏玩家首要选择的游戏资讯、游戏资源网站。
www.shiciwang.com.cn站长交易平台
2898站长资源平台作为站长资源交换平台,致力于为广大站长和网站运营人员提供最方便、最快捷的站长资讯、站长交易、链接交易、链接交换、资源交换等服务。
www.2898.com香香腐宅_官网入口
香香腐宅平台最新版是一款备受漫画爱好者喜爱的阅读软件,它为用户提供了海量的漫画资源,香香腐宅官网涵盖了各种题材和类型,让用户能够轻松找到自己喜欢的漫画www.boylove88.com。
www.boylove88.com全球網址提交網
全球網址提交網是全免費的網址提交目錄,收錄國內外、各行業優秀網站,為用戶提供全面的網站分類目錄網站、優秀網站參攷、友情連結交換平臺、網站推廣服務國內免費的網站提交入口(www.urlglobalsubmit.com)。
www.urlglobalsubmit.com国际电子商务网
欢迎访问国际电子商务网,这里有各行业信息网/B2B电子商务网站,是最方便的免费网络推广平台,已成为无数商家网络营销/网络推广的首选网站!
www.intbtb.com
推荐资讯
推荐站点
BOSS直聘
BOSS直聘是权威领先的招聘网,开启人才网招聘求职新时代,招聘求职找工作,上BOSS直聘,直接谈!
https://www.zhipin.com豆包
豆包是你的 AI 聊天智能对话问答助手,写作文案翻译情感陪伴编程全能工具。豆包为你答疑解惑,提供灵感,辅助创作,也可以和你畅聊任何你感兴趣的话题。
https://www.doubao.com/文心一言
文心一言既是你的智能伙伴,可以陪你聊天、回答问题、画图识图;也是你的AI助手,可以提供灵感、撰写文案、阅读文档、智能翻译,帮你高效完成工作和学习任务。
https://yiyan.baidu.com/腾讯元宝
腾讯元宝是基于腾讯混元大模型的AI应用,可以帮你写作绘画文案翻译编程搜索阅读总结的全能助手。
https://yuanbao.tencent.com/万里汇WorldFirst
万里汇 (WorldFirst) 作为蚂蚁旗下品牌,是一个专业的跨境支付、跨境收款、跨境电商收付、全球收款付款平台。支持亚马逊Amazon、Paypal、速卖通AliExpress、Lazada、Shopify等跨境电商、独立站和外贸收款,拥有 20 年跨境支付经验,安全可靠。
https://www.worldfirst.com.cn/