网页复制文字自动添加版权提示

前言

经常在浏览一些网站的时候会发现，当我们复制网站内容的时候会弹出一条警示信息，一般是提醒用户尊重作者版权的信息。对于这个功能的实现其实没什么，就是一句简单的 JS 代码。但是个人认为虽然原理非常简单，但就其设计思路以及对于理解 JS 代码运行来讲还是很有用处的，看到别人使用的复制版权提醒js是引用别人提供的。我是一个不安全主义者，我甚至怕海底光缆断掉，因为你永远说不准别人的服务器什么时候就挂了，那引用的东西也就没用了。所以我还是选择一个属于自己的弹窗提示。本文还是老规矩，留下评论，拿走代码。

文末有惊喜

演示

一.我们可以将在复制页面添加版权提示—此方法有两种方式可以实现

1.1简单方法复制后需要用户确认后才可复制，如图：

教程：将以下代码复制到主题的footer.php中

1.2只是在前台展示并且弹窗3秒后自动消失，如图：

教程：前文说了，引用别人提供的js是一种非常不安全的行为，因为你永远说不准别人的服务器什么时候就挂了，引用自然就没用了。所以我还是说一下如何将layer文件放在本地运行，永远不用担心别人的服务器挂了。

二.复制内容增加版权信息-当用户在我们网站复制时，加入到复制的内容中，如下图：

教程：本段代码采用jQuery框架，如网站未引用请自行引用（zibll主题已引用）

在主题设置-全局功能-自定义代码中自定义javascript代码

文章防止复制方法

在这里简单介绍一下防复制方法

首先通用的防复制办法，基本上所有网站都通用的代码。把代码加入头部（header.php)或者底部(footer.php)文件中即可。

<script>
document.oncontextmenu=function(){return false}//屏蔽右键菜单
document.onpaste=function(){return false}//屏蔽粘贴
document.oncopy=function(){return false}//屏蔽复制
document.oncut=function(){return false}//屏蔽剪切
document.onselectstart=function(){return false}//屏蔽选择
</script>

上面的代码包括了屏蔽右键菜单、屏蔽粘贴、屏蔽复制、屏蔽剪切、屏蔽选择。网站文章页面有了这些复制就困难很多了，只需要把代码放在对应的页面就行了。以上这种代码和日常所用的锁是一样的，只防君子，不防小人。

当然我说了只防君子，不防小人。当我们遇到无法复制的内容时，当然我是会提供解决方法的，可以看看下面这篇文章。

获取网页无法复制的内容