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

最新推荐文章于 2023-01-04 18:08:21 发布

itclanCoder

最新推荐文章于 2023-01-04 18:08:21 发布

阅读量593

点赞数 1

文章标签： html java js vue javascript

本文链接：https://blog.csdn.net/wzc_coder/article/details/127131010

版权

前言

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

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

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

具体实现

/** 监听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