前言
经常在浏览一些网站的时候会发现,当我们复制网站内容的时候会弹出一条警示信息,一般是提醒用户尊重作者版权的信息。对于这个功能的实现其实没什么,就是一句简单的 JS 代码。但是个人认为虽然原理非常简单,但就其设计思路以及对于理解 JS 代码运行来讲还是很有用处的,看到别人使用的复制版权提醒js是引用别人提供的。我是一个不安全主义者,我甚至怕海底光缆断掉,因为你永远说不准别人的服务器什么时候就挂了,那引用的东西也就没用了。所以我还是选择一个属于自己的弹窗提示。本文还是老规矩,留下评论,拿走代码。
演示
一.我们可以将在复制页面添加版权提示—此方法有两种方式可以实现
1.1简单方法复制后需要用户确认后才可复制,如图:
![图片[1]-网页复制文字自动添加版权提示-阿张同学](https://www.cnnc404.com/wp-content/uploads/web-copy-c.png)
教程:将以下代码复制到主题的footer.php
1.2只是在前台展示并且弹窗3秒后自动消失,如图:
![图片[2]-网页复制文字自动添加版权提示-阿张同学](https://www.cnnc404.com/wp-content/uploads/web-copy-c2.png)
教程:前文说了,引用别人提供的js是一种非常不安全的行为,因为你永远说不准别人的服务器什么时候就挂了,引用自然就没用了。所以我还是说一下如何将layer
二.复制内容增加版权信息-当用户在我们网站复制时,加入到复制的内容中,如下图:
![图片[3]-网页复制文字自动添加版权提示-阿张同学](https://www.cnnc404.com/wp-content/uploads/web-copy-c4.jpg)
教程:本段代码采用jQuery框架,如网站未引用请自行引用(zibll主题已引用)
在主题设置-全局功能-自定义代码中自定义javascript代码
![图片[4]-网页复制文字自动添加版权提示-阿张同学](https://www.cnnc404.com/wp-content/uploads/web-copy-c5.jpg)
文章防止复制方法
在这里简单介绍一下防复制方法
首先通用的防复制办法,基本上所有网站都通用的代码。把代码加入头部(
<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>
上面的代码包括了屏蔽右键菜单、屏蔽粘贴、屏蔽复制、屏蔽剪切、屏蔽选择。网站文章页面有了这些复制就困难很多了,只需要把代码放在对应的页面就行了。以上这种代码和日常所用的锁是一样的,只防君子,不防小人。
当然我说了只防君子,不防小人。当我们遇到无法复制的内容时,当然我是会提供解决方法的,可以看看下面这篇文章。
暂无评论内容