網頁上實現禁止復制粘貼
時間：
2021年06月17日
<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>
下篇
上篇
瀏覽量
8
