首頁 > web前端 > js教程 > 主體

javascript如何禁止瀏覽器頁面複製功能代碼詳解

伊谢尔伦
發布: 2017-07-22 15:05:48
原創
2481 人瀏覽過

禁止頁面複製功能、停用頁面右鍵選單等等在瀏覽網頁時想必大家都有遇過吧,下面為大家詳細介紹下使用js是如何實現的,

停用網頁右鍵選單,但仍可使用快速鍵複製。
js程式碼停用複製功能: 

<script type="text/javascript"> 
document.body.onselectstart=document.body.oncontextmenu=function(){ return false;} 
</script>
登入後複製

注意這段程式碼必須放在body元素後面,放在前面或放在head裡面都不起作用。
補全:document.body.onselectstart 頁面選取功能。
document.body.oncontextmenu頁面右鍵選單。
document.body.ondragstart頁面內容拖曳功能,拖曳是可以實現複製的。禁止複製時需要將其停用。
document.body.oncopy頁面內容複製功能,當禁用時,即使你點擊了複製或使用了快捷鍵但是你剪切板中的內容不是你剛複製的內容而是你以前放在剪切板中的內容或為空。
document.body.oncut頁面內容剪下功能,停用和效果和停用複製功能類似。
注意:當使用了上述停用功能後,如果頁面的某個角落還可以右鍵或複製,那是因為你的body沒有覆寫整個頁面,可以在body上新增以下屬性。
leftMargin=0 topMargin=0 style="width: 100%;height: 100%;"
透過設定body屬性來停用複製功能程式碼如下: 

<body oncontextmenu="return false" onselectstart="return false" 
ondragstart="return false" oncopy="return false" 
oncut="return false; 
leftMargin=0 
topMargin=0 style="width: 100%;height: 100%;" > 
以下代码是禁用网页另存为但是我测试没有成功,谁知道原因可以在下面给出评论,谢谢。 
<noscript> 
<iframe scr="*.htm"></iframe> 
</noscript> 
</body>
登入後複製

js程式碼案例: 

//******************** 屏蔽右键 *********************** 
function click(e) { 
if (document.all) { 
if (event.button==1||event.button==2||event.button==3) { 
oncontextmenu=&#39;return false&#39;; 
} 
} 
if (document.layers) { 
if (e.which == 3) { 
oncontextmenu=&#39;return false&#39;; 
} 
} 
} 
if (document.layers) { 
document.captureEvents(Event.MOUSEDOWN); 
} 
document.onmousedown=click; 
document.oncontextmenu = new Function("return false;") 
//******************************************* 
document.onkeydown=function(evt){ 
if(document.selection.createRange().parentElement().type == "file"){ 
return false; 
} 
if ((event.keyCode==116)|| //屏蔽 F5 刷新键 
(event.ctrlKey && event.keyCode==82)){ //Ctrl + R 
event.keyCode=0; 
event.returnValue=false; 
} 
if ((window.event.altKey)&&(window.event.keyCode==115)){ //屏蔽Alt+F4 
return false; 
} 
}
登入後複製


以上是javascript如何禁止瀏覽器頁面複製功能代碼詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板