js 中如何保存数据到剪贴板

在 JavaScript 中，可以使用 Clipboard API 和 document.execCommand() 方法将数据保存到剪贴板。以下是一个使用 Clipboard API 的例子：

const textToCopy = "Hello, world!";

navigator.clipboard.writeText(textToCopy)
  .then(() => {
    console.log('Text copied to clipboard');
  })
  .catch((error) => {
    console.error('Failed to copy text: ', error);
  });

在上面的例子中，我们使用 `navigator.clipboard.writeText()` 方法将文本保存到剪贴板中。如果操作成功，控制台将会输出 "Text copied to clipboard"。如果操作失败，控制台将会输出错误信息。

请注意，Clipboard API 目前仅受到一些浏览器的支持，因此在使用时需要谨慎。如果需要更广泛的浏览器支持，可以使用 document.execCommand() 方法。以下是一个使用 document.execCommand() 方法的例子：

const textToCopy = "Hello, world!";

const copyToClipboard = (text) => {
  const textarea = document.createElement('textarea');
  textarea.value = text;
  document.body.appendChild(textarea);
  textarea.select();
  document.execCommand('copy');
  document.body.removeChild(textarea);
};

copyToClipboard(textToCopy);

在上面的例子中，我们使用 `document.createElement()` 方法创建一个 textarea 元素，并将文本赋值给它。然后将 textarea 元素添加到文档中，使用 `textarea.select()` 方法选中文本，再使用 `document.execCommand('copy')` 将其复制到剪贴板中。最后，我们将 textarea 元素从文档中删除。