前言

有时,自己辛辛苦苦写的文章,却被一些网站自动采集,巴拉过去,甚至都不声明下来源

如何在别人复制你网站上文字时,添加上版权声明呢,就像itclanCoder网站,

复制网站上的文字时,当复制文字超过一定的长度时,就携带版权声明,虽然没办法要求复制者必须携带声明,但也算是一种对自己内容额外的保护吧

虽然有点自欺欺人,但设置一点障碍,也没什么的

其实,非常简单,几行代码就可以搞定

具体实现

/** 监听copy事件 */
document.addEventListener('copy', function(e) {//取消默认事件,才能修改复制的值e.preventDefault();//复制的内容var copyTxt;if (window.getSelection(0).toString().length >= 80) {copyTxt = `${window.getSelection(0).toString()}\n\n作者:随笔川迹\n站长:itclanCoder\n公众号:itclanCoder\n链接: ${window.location.href}\n来源: itclanCoder\n著作权归作者所有。商业转载请联系作者获得授权,非商业转载请附上原文出处及本链接。`;} else {copyTxt = window.getSelection(0).toString();}if (e.clipboardData) {e.clipboardData.setData('text/plain', copyTxt);} else if (window.clipboardData) {return window.clipboardData.setData('text', copyTxt);}
});

通过原生的copy事件,就可以实现,同时阻止事件的默认行为,结合window.getSelection(0).toString()即可实现,其中\n代表的时换行

将上面的代码全局放入到你的网站中,就可以实现,当别人复制文字超过80个字时,就携带版权信息

vuejs中三级Tab切换并刷新页面时保持当前激活状态,使用query或params结合本地存储实现(内含视频)

2022-09-16

vuejs中如何实现三级路由并刷新页面时保持当前路由激活状态

2022-09-15

关于script标签中type的使用

2022-09-06

点击左下角即可阅读原文

如何在复制网站文字时添加版权声明相关推荐

  1. 新手如何给Hexo博客在复制时添加版权声明

    文章首发于公众号[只是学习学习]欢迎关注 1. 确认需要版权声明的位置 通常情况下都是在拷贝博客详情内容时才给拷贝的内容添加版权信息,如果不管拷贝哪里的内容都给添加版权声明,影响用户体验.所以第一步确 ...

  2. js复制网站文字追加网站来源,网站版权

    2019独角兽企业重金招聘Python工程师标准>>> js复制网站文字追加网站来源,网站版权 //复制内容自动添加版权信息 var Sys = {}; var ua = navig ...

  3. EMLOG复制网站文字提醒弹窗源码美化版

    简介: 很多emlog站长朋友网站都想设置一个杯复制文字然后弹出提醒转载保留原文链接,那么,现在就来为大家为大家分享一下EMLOG复制网站文字后提醒弹窗的美化版教程. 一.操作步骤 1.打开模板文件夹 ...

  4. hexo+yilia添加版权声明

    文章目录 1.借鉴修改版 1.1在文末添加声明 1.2添加样式 1.3在主题中开启设置 2.升级版-配置版 添加版权声明,效果图: 参考: 版权声明 在Hexo中自动为Yilia主题增加版权声明 he ...

  5. 无需登录复制网站文字的解决方案

      大家好,我是爱编程的喵喵.双985硕士毕业,现担任全栈工程师一职,热衷于将数据思维应用到工作与生活中.从事机器学习以及相关的前后端开发工作.曾在阿里云.科大讯飞.CCF等比赛获得多次Top名次.现 ...

  6. wordpress如何在网站底部添加版权声明

    wordpress网站搭建好之后,一般底部会有一些wordpress的官方信息,不同的模板,信息是不同的.那么,我们如何在网站底部添加我们自己的版权声明呢? 1.打开wordpress后台,找到外观- ...

  7. 网站制作中关于版权声明的写法

    看了不少朋友的个人网站,有一个小问题,似乎很多朋友都忽略了,那就是版权声明的写法.虽然那只是一小行字,不过作为设计师也好,作为个人的爱好也好,版权的标志都是满重要的. 从法律角度看,加入了伯尔尼公约的 ...

  8. hexo笔记七:next主题添加版权声明

    版权声明是指在文末加上这么一段文字: 本文记录如何添加文章的版权声明 1 编辑主题配置文件: cd 博客目录 vim themes/next/_config.yml# 找到下列信息设置为true,许可 ...

  9. 如何给CSDN上的每篇原创文章添加版权声明

    首先登录CSDN后,点击个人头像部分,进入创作中心 点击博客设置,开启版权声明,填写内容并保存 效果展示:

最新文章

  1. Python操作数据库之 MySQL
  2. 11.Verilog中如何避免Latch
  3. Cookie中不能有空格_前端小贴士 -- 全面了解Cookie
  4. 儿童的身高标准对照表_2020“儿童身高标准”出炉,10岁身高140,你家娃达标吗...
  5. python邮箱爆破_Python在线爆破邮箱账号密码测试代码(亲测可用)
  6. django mysql filter_Django filter中用contains 在mysql中的问题
  7. Kafka消息压缩与解压
  8. 解决pip2安装不成功的问题
  9. 安谋中国发布“玲珑”多媒体产品线,首款ISP处理器面世
  10. oracle客户端查看版本号,Oracle 版本查看及版本号说明
  11. 蒙特卡洛估值几种不同的计算方式(Python)
  12. Android支持库AndroidX和support-v4、appcompat-v7的前世今生!
  13. 解决DOS窗口中文乱码问题
  14. 字体角度css代码,CSS中font-style定义字体倾斜体样式的代码示例
  15. 用剪映将无字幕的英文视频翻译成中文字幕(附教程+软件)
  16. JavaWeb学习总结详解
  17. HTML之如何创建表格?
  18. Layui文件下载(VIP典藏版)
  19. 虚拟机VirtualBox下载与安装、安装Ubuntu超详细图文步骤,对一些配置问题也有所写。
  20. SQL 校验身份证格式

热门文章

  1. python怎么做webgis_WebGIS教程
  2. 如何在Activity中获取调用者 -- getReferrer()
  3. linux磁盘文件恢复,Linux 数据恢复
  4. windows phone7天气预报源代码
  5. android TV盒子开发心得(一)
  6. 一文读懂蒲丰投针实验
  7. goland报错:package XXX is not in GOROOT (X:\XXX\Go\src\XXX)
  8. Python 子类继承父类
  9. java使用jnative控制北洋牌标签打印机打印二维码
  10. 微软体感设备Kinect上市三天即遭黑客破解