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

最新推荐文章于 2024-03-16 09:16:45 发布

转载最新推荐文章于 2024-03-16 09:16:45 发布 · 586 阅读

2 ·

CC 4.0 BY-SA版权

原文链接：https://segmentfault.com/a/1190000017805514

文章标签：

#前端 #ViewUI

本文介绍了一种简单方法，通过在HTML代码中加入特定标签来阻止网页内容被复制及右键菜单的使用，同时提供了防止网页被另存为本地文件的额外代码。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

有的时候，我们不希望自己网页中所呈现的内容不被别有用心盗取，就需要在网页中加上一个禁止复制的功能，而一般的浏览器在禁止复制后还可以用复制为纯文本，并不能完全杜绝此问题，此时就需要我们在页面中完全禁止右键和复制。

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