本文共计982个文字，预计阅读时间需要4分钟。

目录 + 正文 + 方法 + 复制文本 + 复制图片 + 正文 + 复制文字和图片是我们在日常中常用的需求。本文主要介绍如何使用`navigator.clipboard.write()`实现复制文字和图片。这一特性无需过多考虑。

目录

• 正文
• 方法
• 复制文本
• 复制图片

正文

复制文字和图片是我们经常会使用到的需求，我们这篇文章主要介绍使用navigator.clipboard.write()来实现复制文字和图片。不过这个属性是需要考虑浏览器的兼容性的，可以参考MDN

document.execCommand('copy')

在很久之前我们是使用document.execCommand('copy')来实现复制文本的，但是现在mdn上已经将这个命令废弃了。

当一个 HTML 文档切换到设计模式时，document暴露execCommand方法，该方法允许运行命令来操纵可编辑内容区域的元素。如果传入copy命令，那么就能实现复制的功能。