网页文本复制使用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"); } })
粘贴效果:
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 震惊!C++程序真的从main开始吗?99%的程序员都答错了
· 【硬核科普】Trae如何「偷看」你的代码?零基础破解AI编程运行原理
· 单元测试从入门到精通
· 上周热点回顾(3.3-3.9)
· Vue3状态管理终极指南:Pinia保姆级教程