首页 > 代码库 > 网页上如何实现禁止复制粘贴以及如何破解
网页上如何实现禁止复制粘贴以及如何破解
我们首先来介绍如何实现禁止复制,知道了禁止的方式,再破解就容易了。
实现禁止复制粘贴
比较简单,直接上代码:
<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="http://www.mamicode.com/文本框中的文字可以选中,但是无法复制粘贴"/> <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>
破解禁止复制粘贴
知道如何禁止了,那破解这个限制就容易多了。
首先,绝大部分限制都是采用js实现的,那我禁用js不久OK了么?突然发现我太聪明了!假如你使用的是Chrome
或者其它国产webkit内核浏览器,按下F12
弹出开发者工具,再按下F1
弹出设置,勾选Disable JavaScript
,再按下ESC
键关闭设置(其它浏览器如何禁止JavaScript请自行研究),然后试试是不是可以复制了?
如果此时仍无法选择文字,找到你要复制文字的地方,看看是不是添加了-webkit-user-select: none
的样式,如果有,将其去掉即可:
到了这里应该就可以自由复制粘贴了,复制完了记得把禁用JavaScript的地方还原回来哦。
本文转载自:柳夏南博客
文章链接: http://blog.liuxianan.com/disable-html-copy-and-paste.html
网页上如何实现禁止复制粘贴以及如何破解
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。