js 处理剪切板

async function copyToClipboard(text) {
  try {
    await navigator.clipboard.writeText(text);
    console.log('Text copied to clipboard');
  } catch (err) {
    console.error('Failed to copy text: ', err);
  }
}

copyToClipboard('Hello, World!');

async function pasteFromClipboard() {
  try {
    const text = await navigator.clipboard.readText();
    console.log('Text from clipboard: ', text);
  } catch (err) {
    console.error('Failed to read text: ', err);
  }
}

pasteFromClipboard();

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 ? 'successful' : 'unsuccessful';
    console.log('Fallback: Copying text command was ' + msg);
  } catch (err) {
    console.error('Fallback: Oops, unable to copy', err);
  }

  document.body.removeChild(textArea);
}

function fallbackPasteFromClipboard() {
  const textArea = document.createElement('textarea');
  document.body.appendChild(textArea);
  textArea.focus();

  try {
    const successful = document.execCommand('paste');
    const text = successful ? textArea.value : '';
    console.log('Fallback: Pasted text: ', text);
    return text;
  } catch (err) {
    console.error('Fallback: Oops, unable to paste', err);
  }

  document.body.removeChild(textArea);
  return '';
}