JavaScript 技术篇-chrome利用ClipboardEvent写入剪切板，没成功的你就差一步

小蓝枣

发布于 2020-09-23 11:25:17

8740

开始用 ClipboardEvent 怎么也不成功，后来仔细阅读开发文档才发现，需要通过 document.execCommand() 来执行 copy、paste 和 cut 命令，进而触发 ClipboardEvent 事件，才成功的。

我的 el 是绑定的某个 dom 节点，你可以直接替换为 document 也可以。

function handler(event) {
	event.clipboardData.setData('text/plain', "要进行复制的内容");
	event.preventDefault();
}
el.addEventListener('copy', handler);   // 增加copy监听
el.execCommand('copy');   // 执行copy命令触发监听
el.removeEventListener('copy', handler);   // 移除copy监听，不产生影响

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

原始发表：2019/07/09 ，如有侵权请联系 cloudcommunity@tencent.com 删除

cut