Funs

复制内容添加版权申明
现代前端网页的制作中,越来越离不开JS的使用。通过今天的这篇文章,简单来说说利用JS来实现,复制网站页面部份内容时...
扫描右侧二维码阅读全文
17
2019/02

复制内容添加版权申明

现代前端网页的制作中,越来越离不开JS的使用。通过今天的这篇文章,简单来说说利用JS来实现,复制网站页面部份内容时,自动向复制的内容中添加网站版权或声明的方法。
javascript复制网页内容添加版权的方法
代码

document.addEventListener('copy', function (event) {
    var clipboardData = event.clipboardData || window.clipboardData;
    if (!clipboardData) { return; }
    var text = window.getSelection().toString();
    if (text) {
        event.preventDefault();
        clipboardData.setData('text/plain', text + '\n\n优乐学博客');
   }
});

复制以后
代码使用:

  1. 你可以复制上面的JS代码,放到你的网站JS文件中,也可以直接放到你的网页中使用即可。
  2. 你可以把代码中的“\n\n优乐学博客”修改成你自己的,但要注意的是“rn”为换行
  3. 你也可以通过获取网页URL的形式,来加自版权的来源链接

代码部份解析:

  1. addEventListener() 方法用于向指定元素添加事件句柄。
  2. window.getSelection()等同于document.getSelection():此方法可以返回一个用以表示选中文本的对象,属于window对象,使用toString()方法获取选中的文本内容。
  3. event.preventDefault();该方法将通知 Web 浏览器不要执行与事件关联的默认动作(如果存在这样的动作)。
Last modification:February 17th, 2019 at 07:08 pm
If you think my article is useful to you, please feel free to appreciate

Leave a Comment