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

前言

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

如何在别人复制你网站上文字时,添加上版权声明呢,就像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

点击左下角即可阅读原文