如何通过Clipboard API实现复杂长尾词的剪贴板操作？

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

目录简介Document.execCommand() 方法异步Clipboard APIClipboard 对象Clipboard.readText()Clipboard.read()Clipboard.writeText()Clipboard.write()简介浏览器允许JavaScript脚本读写剪贴板，实现自动复制或粘贴功能。

目录

• 简介
• Document.execCommand() 方法
• 异步 Clipboard API
• Clipboard 对象
• Clipboard.readText()
• Clipboard.read()
• Clipboard.writeText()
• Clipboard.write()

简介

浏览器允许 JavaScript 脚本读写剪贴板，自动复制或粘贴内容。

一般来说，脚本不应该改动用户的剪贴板，以免不符合用户的预期。但是，有些时候这样做确实能够带来方便，比如“一键复制”功能，用户点击一下按钮，指定的内容就自动进入剪贴板。

目前，一共有三种方法可以实现剪贴板操作。

• Document.execCommand()方法
• 异步的 Clipboard API
• copy事件和paste事件

本文逐一介绍这三种方法。