我們首先來介紹如何實現禁止復制,知道了禁止的方式,再破解就容易了。
實現禁止復制粘貼
比較簡單,直接上代碼:
<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.liuxianan.com/disable-html-copy-and-paste.html
