详解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
-