当前位置：首页 > 网页制作 > 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

热门系统总排行

装机必备

系统教程栏目

栏目热门教程

人气教程排行

站长推荐

热门系统下载