當前位置：首頁 > 網頁制作 > HTML/Xhtml > 詳細頁面

詳解Html頁面中內容禁止選擇、復制、右鍵的實現方法

時間：2019-12-05來源：系統城作者：電腦系統城

有的時候，我們不希望自己網頁中所呈現的內容不被別有用心盜取，就需要在網頁中加上一個禁止復制的功能，而一般的瀏覽器在禁止復制后還可以用復制為純文本，并不能完全杜絕此問題，此時就需要我們在頁面中完全禁止右鍵和復制。

實現起來其實很簡單，只需要在網頁中加入以下標簽(注意是緊隨body后)：

<body topmargin="0" oncontextmenu="return false" ondragstart="return false" onselectstart="return false" onselect="document.selection.empty()" oncopy="document.selection.empty()"onbeforecopy="return false" onmouseup="document.selection.empty()">

這只是一個最初步的方法，也很容易被人破解，怕網頁被別人另存為本地文件，可以再加上以下代碼防止別人保存：

<noscript>
<iframe src="*.htm"></iframe>
</noscript>

最后，有的站長可能只需要一個禁止復制的功能，并不需要禁止右鍵，則在<body>中加入以下代碼即可：

<body onmousemove=/HideMenu()/ oncontextmenu="return false" ondragstart="returnfalse" onselectstart ="return false" onselect="document.selection.empty()"oncopy="document.selection.empty()" onbeforecopy="return false"onmouseup="document.selection.empty()">

以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持我們。

相關信息

2021-04-22
巧用 -webkit-box-reflect 倒影實現各類動效(小結)
2021-04-22
HTML+CSS+JS實現圖片的瀑布流布局的示例代碼
2020-03-04
HTML5 video自定義視頻播放器

HTML5之audio屬性
audio主要支持的音頻格式：mp3 ogg wav<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>audio</title></head><body>  <a...

2020-03-04
HTML連載72-動畫效果及其他屬性
一、動畫效果 1.過渡與動畫相類似，都需要三要素，那么他們的區別在哪里呢？ ?答：過渡必須是人為的觸發才會執行動畫，動畫不需要人為的觸發就可以自動執行?動畫。 2.?相同點：（1）過度和動畫都是用來給元素添加動畫的；（2）過渡...

2020-03-04

熱門系統總排行

裝機必備

系統教程欄目

欄目熱門教程

人氣教程排行

站長推薦

熱門系統下載

24小时免费更新在线视频_丝袜放荡妩媚美腿娇妻_99re6这里有精品热视频_国色天香社区论坛