一、使右鍵和複製失效
方法1:
禁止鼠標右鍵+禁止選中文本代碼很簡單,只須要在head標籤的javascript內加入如下兩行代碼便可。
在網頁中加入如下代碼:
代碼以下
<script language="Javascript">
document.oncontextmenu=new Function("event.returnValue=false");
document.onselectstart=new Function("event.returnValue=false");
</script>
使用了jQuery的頁面中能夠這麼寫:
document.oncontextmenu=function(e){return false;}
$('body').bind("selectstart",function(){return false;});
方法2:
在<body>中加入如下代碼:
代碼以下
<body oncontextmenu="return false" onselectstart="return false">
或
<body oncontextmenu="event.returnValue=false" onselectstart="event.returnValue=false">
實質上,方法2與方法1是同樣的。
方法3:
若是隻限制複製,能夠在<body>加入如下代碼:
代碼以下
<body oncopy="alert('對不起,禁止複製!');return false;">
二、使菜單"文件"-"另存爲"失效
若是隻是禁止了右鍵和選擇複製,別人還能夠經過瀏覽器菜單中的"文件"-"另存爲"拷貝文件。爲了使拷貝失效,能夠在
代碼以下
<body>與</body>之間加入如下代碼:
<noscript>
<iframe src="*.htm"></iframe>
</noscript>
這樣,用戶在另存網頁時,就會出現"沒法保存Web頁"的錯誤。
三、禁止複製
使用方法:在oncopy事件中return false
代碼以下
oncopy="return false;"
一、禁止複製網頁內容
代碼以下
<body oncopy="return false;">
二、禁止複製元素內容
代碼以下
<input type="text" name="username" oncopy="return false;" />
2、禁止粘貼
使用方法:在onpaste事件中return false
onpaste="return false;"禁止將內容粘貼到元素中
代碼以下
<input type="password" name="pwd" onpaste="return false;" />
3、複製粘貼來源信息
爲了防止拷貝黨在轉載時不註明來源信息,因此須要在其複製時,自動在複製的內容後添加版權聲明(默認延遲:100毫秒)
須要使用到clipboardData對象:
getData("Text")方法:得到剪貼板的文本信息
setData("Text",val)方法:設置剪貼板的文本信息
setTimeout(code,delay)方法:超時執行指定的code代碼
代碼以下
<html>
<head>
<title>Paste Source Information</title>
<script type="text/javascript">
function copysource(){
var source = clipboardData.getData("Text");
source = source + "本文來自博www.111cn.net :" + window.location.href;
clipboardData.setData("Text", source);
}
</script>
</head>
<body oncopy="window.setTimeout('copysource()',100);">
</body>
</html>
注意:上面的代碼在IE和Chrome下測試經過,可是在Firefox下鼠標右鍵不能用但依然能夠選中文本,因此出於兼容性考慮,
須要在body的style中加入這麼一個屬性:
代碼以下 複製代碼
-moz-user-select:none;javascript