實現網頁禁止複製剪下功能

2021-10-18 10:12:25 字數 1317 閱讀 7830

為了保護頁面內容,或者是誘導使用者註冊,產品需要實現禁止使用者複製剪下頁面內容的操作,或者是登入之後才允許進行複製剪下操作。

本篇文章教你如何通過 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...