js 操作剪切板

async function copyTextToClipboard(text) {
  try {
    await navigator.clipboard.writeText(text);
    console.log('文本已复制到剪切板');
  } catch (err) {
    console.error('复制失败:', err);
  }
}

// 使用示例
document.getElementById('copyButton').addEventListener('click', () => {
  copyTextToClipboard('要复制的文本');
});

async function readTextFromClipboard() {
  try {
    const text = await navigator.clipboard.readText();
    console.log('剪切板中的文本:', text);
  } catch (err) {
    console.error('读取失败:', err);
  }
}

// 使用示例
document.getElementById('pasteButton').addEventListener('click', () => {
  readTextFromClipboard();
});

function fallbackCopyTextToClipboard(text) {
  const textArea = document.createElement('textarea');
  textArea.value = text;
  document.body.appendChild(textArea);
  textArea.focus();
  textArea.select();

  try {
    const successful = document.execCommand('copy');
    const msg = successful ? '成功复制到剪切板' : '复制失败';
    console.log(msg);
  } catch (err) {
    console.error('复制失败:', err);
  }

  document.body.removeChild(textArea);
}

// 使用示例
document.getElementById('copyButton').addEventListener('click', () => {
  if (navigator.clipboard) {
    copyTextToClipboard('要复制的文本');
  } else {
    fallbackCopyTextToClipboard('要复制的文本');
  }
});