网页文本复制使用clipboardData.setData方法添加自定义后缀内容

1. ClipboardEvent.clipboardData介绍

📌 MDN文档地址 📌

ClipboardEvent.clipboardData 属性保存了一个 DataTransfer 对象,这个对象可用于:

  • 描述哪些数据可以由 cut 和 copy 事件处理器放入剪切板,通常通过调用 setData(format, data) 方法;
  • 获取由 paste 事件处理器拷贝进剪切板的数据,通常通过调用 getData(format) 方法

2. 具体实现

document.addEventListener("copy", (e) => {
  let clipboardData = e.clipboardData || window.clipboardData;
  if (!clipboardData) {
    return;
  }
  let selectData = window.getSelection();
  if (selectData) {
    e.preventDefault();
    clipboardData.setData("text/plain", selectData + "\n--------------------\n后缀内容xxxxxxx");
  }
})

粘贴效果:

image

posted @ 2023-03-01 10:27  Li_pk  阅读(370)  评论(0编辑  收藏  举报