禁止頁面複製功能、停用頁面右鍵選單等等在瀏覽網頁時想必大家都有遇過吧,下面為大家詳細介紹下使用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='return false'; } } if (document.layers) { if (e.which == 3) { oncontextmenu='return false'; } } } 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中文網其他相關文章!