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

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

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

代码语言：javascript复制

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

cut document dom el paste

0 人点赞