JS操作复制copy的内容,向复制内容中追加内容
        这篇文章发布于 2020/03/02,归类于 JavaScript
        
        
      
 
      标签:
        js操作粘贴板内容,js向copy的内容中追加信息,js向复制信息里追加内容
      在csdn等网站上,我们cttrl+c,ctrl+v时,会发现粘贴后的内容加了当前的作者信息、链接、版权问题等说明。那这个功能是怎么实现的呢?

在JS高程中,有讲这一块的内容,下面来看看
监听body里的copy事件,然后用 document.getSelection()获取内容,追加内容后,再使用event.clipboardData.setData像粘贴板里写入内容
// 操作粘贴板
// JS高程3 表单脚本 操作粘贴板
// https://www.yuque.com/guoqzuo/js_es6/ubpn7k#8482e7c5
document.body.oncopy = function(event) {
  console.log('copy', event);
  // 获取copy的内容
  // console.log(document.getSelection().toString());
  // 在copy内容里加入信息
  var msg = `
-----------------------------
标题:${document.title}
链接:${location.href}
作者:guoqzuo (http://github/zuoxiaobai)
  `
  event.clipboardData.setData('text/plain', `${document.getSelection().toString()} ${msg}`);
  event.preventDefault();
};
