前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >如何实现网页的禁止复制和粘贴,以及如何破解

如何实现网页的禁止复制和粘贴,以及如何破解

作者头像
浩Coding
发布2019-07-03 16:38:43
13.1K0
发布2019-07-03 16:38:43
举报
文章被收录于专栏:浩Coding浩Coding

想必大家上网时候,经常碰到这种情况吧?禁止复制粘贴!!!有时候特别需要网页上的一段字或者一行代码,他就是不让复制,气不气,哈哈,不过也要体谅作者,毕竟人家辛辛苦苦写的东西,被你动动鼠标就拿走啦,也要注重版权的嘛。

下面我就教大家如何在自己的网页中加上禁止复制粘贴的功能:

我们首先来介绍如何实现禁止复制,知道了禁止的方式,再破解就容易了。

1 实现禁止复制粘贴

<style type="text/css">

/* 最简单的实现禁止复制的方法,采用css方式禁止文字选择,当然这只兼容webkit内核浏览器 */

* { -webkit-user-select: none; }

p {font-family: 'Microsoft Yahei';font-size: 28px;}

input {width: 80%; padding: 10px 20px;}

</style>

<h1>本代码在UC手机浏览器上不生效,其它手机浏览器暂未发现问题、PC全部没问题。</h1>

<p>这是一段示例文字,我无法被选中,也无法按下鼠标右键,即使被选中你也无法复制!</p>

<input type="text" value="文本框中的文字可以选中,但是无法复制粘贴"/>

<script type="text/javascript">

// 禁止右键菜单

document.oncontextmenu = function(){ return false; };

// 禁止文字选择

document.onselectstart = function(){ return false; };

// 禁止复制

document.oncopy = function(){ return false; };

// 禁止剪切

document.oncut = function(){ return false; };

// 禁止粘贴

document.onpaste = function(){ return false; };

</script>

2 破解禁止复制粘贴

知道如何禁止了,那破解这个限制就容易多了。

首先,绝大部分限制都是采用js实现的,那我直接禁用js不就OK了么?哈哈,突然发现我太聪明了!假如你使用的是Chrome或者其它国产webkit内核浏览器,按下F12弹出开发者工具,再按下F1弹出设置,勾选Disable JavaScript,再按下ESC键关闭设置(其它浏览器如何禁止JavaScript请自行研究),然后试试是不是可以复制了?

如果此时仍无法选择文字,找到你要复制文字的地方,看看是不是添加了-webkit-user-select: none的样式,如果有,将其去掉即可:

到了这里应该就可以自由复制粘贴了,复制完了记得把禁用JavaScript的地方还原回来哦。

大家可以尝试尝试。

如果无法保存勾选Disable JavaScript,这个选项的话,可以在设置界面不退出即可!

参考文章:

https://blog.csdn.net/zouheliang/article/details/80975928

本文参与 腾讯云自媒体分享计划,分享自微信公众号。
原始发表:2018-09-26,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 浩Coding 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
相关产品与服务
云开发 CLI 工具
云开发 CLI 工具(Cloudbase CLI Devtools,CCLID)是云开发官方指定的 CLI 工具,可以帮助开发者快速构建 Serverless 应用。CLI 工具提供能力包括文件储存的管理、云函数的部署、模板项目的创建、HTTP Service、静态网站托管等,您可以专注于编码,无需在平台中切换各类配置。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档