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

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。

相关信息

彻底搞懂flex弹性盒模型布局
为什么要用flex 基于css3简单方便，更优雅的实现，浏览器兼容性好，传统的css实现一个div居中布局要写一堆代码，而现在几行代码就搞定了，没有理由不用flex。...

2020-02-28
HTML连载70-相片墙、盒子阴影和文字阴影
HTML连载70-相片墙、盒子阴影和文字阴影...

2020-02-24

热门系统总排行

装机必备

系统教程栏目

栏目热门教程

人气教程排行

站长推荐

热门系统下载