javascript 复制到剪贴板

// 使用 Clipboard API 复制文本到剪贴板

// 示例代码：
function copyToClipboard(text) {
  // 创建一个临时的 textarea 元素
  const textarea = document.createElement('textarea');
  textarea.value = text;

  // 将 textarea 添加到页面中
  document.body.appendChild(textarea);

  // 选中 textarea 中的内容
  textarea.select();
  textarea.setSelectionRange(0, 9999); // 支持移动设备

  try {
    // 执行复制命令
    document.execCommand('copy');
    console.log('文本已成功复制到剪贴板');
  } catch (err) {
    console.error('无法复制文本: ', err);
  }

  // 移除 textarea 元素
  document.body.removeChild(textarea);
}

// 调用函数并传入要复制的文本
copyToClipboard('这是要复制的文本');

// 注意：document.execCommand('copy') 方法在某些浏览器中可能已被弃用或不再推荐使用。
// 更现代的方法是使用 Clipboard API，如下所示：

async function copyToClipboardModern(text) {
  try {
    // 使用 Clipboard API 复制文本
    await navigator.clipboard.writeText(text);
    console.log('文本已成功复制到剪贴板');
  } catch (err) {
    console.error('无法复制文本: ', err);
  }
}

// 调用现代方法并传入要复制的文本
copyToClipboardModern('这是要复制的文本');

这段代码展示了两种将文本复制到剪贴板的方法。第一种方法使用了 document.execCommand('copy')，它通过创建一个临时的 textarea 元素来实现复制功能。第二种方法使用了更现代的 Clipboard API (navigator.clipboard.writeText)，它直接与浏览器的剪贴板进行交互，更加简洁和安全。