网页中内容禁止选择、复制、右键的实现方法

最新推荐文章于 2024-09-06 15:57:24 发布

暮　色

最新推荐文章于 2024-09-06 15:57:24 发布

阅读量1.5k

点赞数 2

CC 4.0 BY-SA版权

分类专栏：前端文章标签： html 前端防盗

本文链接：https://blog.csdn.net/infotw/article/details/91438468

前端专栏收录该内容

67 篇文章

订阅专栏

平时浏览网页经常有一些网站里的文本内容无法复制和选取，对我这种强迫症患者有时候是真的难受，今天就给大家讲讲实现方法

实现起来其实很简单，只需要在网页中加入以下标签(注意是紧随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 onmousemove=/HideMenu()/ oncontextmenu="return false" ondragstart="return false" onselectstart ="return false" onselect="document.selection.empty()" oncopy="document.selection.empty()" onbeforecopy="return false" onmouseup="document.selection.empty()">

推荐一下我自己的前端学习群562862926，里面有大神总结的一套前端教学视频，欢迎有兴趣的朋友进群一起学习