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

开始用 ClipboardEvent 怎么也不成功,后来仔细阅读开发文档才发现,需要通过 document.execCommand() 来执行 copypastecut 命令,进而触发 ClipboardEvent 事件,才成功的。
JavaScript 技术篇-chrome利用ClipboardEvent写入剪切板,没成功的你就差一步_第1张图片
我的 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监听,不产生影响

喜欢的点个赞❤吧!

你可能感兴趣的:(JS,实用技术,Web前端)