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

前言

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

文末有惊喜

演示

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

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

图片[1]-网页复制文字自动添加版权提示-阿张同学
当用户确认后复制的内容才生效

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

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

图片[2]-网页复制文字自动添加版权提示-阿张同学
展示

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

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

图片[3]-网页复制文字自动添加版权提示-阿张同学
版权提示并加入到复制的内容中

教程:本段代码采用jQuery框架,如网站未引用请自行引用(zibll主题已引用)

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

图片[4]-网页复制文字自动添加版权提示-阿张同学
代码插入位置演示

文章防止复制方法

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

首先通用的防复制办法,基本上所有网站都通用的代码。把代码加入头部(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>

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

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

获取网页无法复制的内容

© 版权声明
THE END
喜欢就支持一下吧
点赞9赞赏 分享
评论 抢沙发
头像
拿起笔,写下你的梦想,你的人生就从此刻起航
提交
头像

昵称

取消
昵称表情代码图片