网页文本复制使用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 @   Li_pk  阅读(455)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 震惊!C++程序真的从main开始吗?99%的程序员都答错了
· 【硬核科普】Trae如何「偷看」你的代码?零基础破解AI编程运行原理
· 单元测试从入门到精通
· 上周热点回顾(3.3-3.9)
· Vue3状态管理终极指南:Pinia保姆级教程
点击右上角即可分享
微信分享提示