JavaScript 技术篇-chrome利用ClipboardEvent写入剪切板,chrome写入剪切板不成功解决方法

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

JavaScript 技术篇-chrome利用ClipboardEvent写入剪切板,chrome写入剪切板不成功解决方法

我的 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监听,不产生影响

喜欢的点个赞❤吧!


上一篇:LWIP_STM32_ENC28J60_NETCONN_UDP(3)


下一篇:乐在其中设计模式(C#) - 命令模式(Command Pattern)