1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > (转)网页上如何实现禁止复制粘贴以及如何破解

(转)网页上如何实现禁止复制粘贴以及如何破解

时间:2019-05-13 16:24:45

相关推荐

(转)网页上如何实现禁止复制粘贴以及如何破解

转自:http://blog.haoji.me/disable-html-copy-and-paste.html?from=xa

实现禁止复制和右键;比较简单,直接上代码:

<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>

破解禁止复制:

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

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

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

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

再次感谢博主分享:http://blog.haoji.me/disable-html-copy-and-paste.html?from=xa

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。