如何将 JS 对象保存到剪贴板 - Javascript

如何将 JS 对象保存到剪贴板是一个常见的需求，特别是在网页应用中。本文将介绍如何使用 Javascript 将 JS 对象保存到剪贴板。我们将用到两个方法：JSON.stringify() 和 document.execCommand()。

步骤

以下是实现的具体步骤：

1. 将 JS 对象转换成字符串（使用 JSON.stringify() 方法）。
2. 创建一个 textarea 元素。
3. 将转换后的字符串设置为 textarea 的值。
4. 将 textarea 元素添加到文档中。
5. 选中 textarea 元素。
6. 执行 document.execCommand('copy')。

代码

下面是完整的代码示例：

function copyObjectToClipboard(obj) {
  const str = JSON.stringify(obj);

  const el = document.createElement('textarea');
  el.value = str;
  document.body.appendChild(el);

  el.select();
  document.execCommand('copy');

  document.body.removeChild(el);
}

使用

使用上述函数很简单，只需要将需要保存的 JS 对象作为参数传递即可。例如：

const person = {
  name: 'John Doe',
  age: 25,
  email: 'johndoe@example.com'
};

copyObjectToClipboard(person);

结论

本文介绍了如何使用 Javascript 将 JS 对象保存到剪贴板。通过使用 JSON.stringify() 和 document.execCommand() 方法，我们可以方便地实现这个功能。