為了保護頁面內容,或者是誘導使用者註冊,產品需要實現禁止使用者複製剪下頁面內容的操作,或者是登入之後才允許進行複製剪下操作。
本篇文章教你如何通過 js、css 和 html 來禁止使用者在頁面進行複製剪下操作。
我們可以通過 js **來禁用網頁的複製事件、剪下事件、選擇內容事件甚至是右鍵選單事件。
// 禁止右鍵選單
document.
oncontextmenu
=function()
;// 禁止文字選擇
document.
onselectstart
=function()
;// 禁止複製
document.
oncopy
=function()
;// 禁止剪下
document.
oncut
=function()
;
除了上面提到的方法,我們也可以通過設定標籤屬性的方式直接禁用頁面複製剪下操作:
oncopy
="return false"
oncut
="return false;"
onselectstart
="return false"
oncontextmenu
="return false"
>
body
>
該方法本質上與 js 實現方式相同。
通過以下 js **可以恢復頁面複製、剪下及內容選中功能:
document.body.oncopy =
null
;document.body.oncut =
null
;document.body.onselectstart =
null
;document.body.oncontextmenu =
null
;
我們也可以通過 css 樣式,禁止頁面內容被選中,從而達到限制複製操作的目的:
body
恢復頁面內容選中功能,需要通過 js **進行實現:
document.body.style.webkituserselect =
'auto'
;// firefox
document.body.style.userselect =
'auto'
;// chrome
//......
禁止網頁複製
css方案 ie6 9不相容 htmljs方法 相容ie6 9 禁止網頁另存為 禁止選擇內容 function fun document.onselectstart fun 根據情況需求可新增如下事件,一般新增上面的一段js足夠 document.oncontextmenu function 右擊事...
禁止網頁複製儲存
如果你想讓你的 內容不被別人複製,可以看看下面的實現方法 禁止滑鼠右鍵 document bind contextmenu function e return false 禁止鍵盤按鍵 js禁止網頁複製和拷貝,只需要在body中加入部分 即可 還有另外一種方法,除了禁止另存外,其它功能基本上搞定 o...
Javascript禁止複製網頁內容
怎麼禁止別人複製網頁內容呢?在製作網頁過程中,為了保護內容版權資訊,我們有時需要禁止網頁內容複製操作。對此我們可以採取以下方法來實現。方法一 在編寫網頁的過程中,我們通過給網頁新增以下 來實現,通過新增以下 可以有效防止瀏覽者按 ctrl c 及滑鼠右鍵進行複製操作。document.onkeydo...