JS复制功能需要点击两次才能生效

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

const copyButton = document.querySelector('.copy-button');
const copyContent = document.querySelector('.copy-content');

copyButton.addEventListener('click', function() {
  copyToClipboard(copyContent.textContent);
});

const copyButton = document.querySelector('.copy-button');
const copyContent = document.querySelector('.copy-content');

copyButton.addEventListener('click', function() {
  navigator.clipboard.writeText(copyContent.textContent)
    .then(() => {
      console.log('Text copied to clipboard');
    })
    .catch(err => {
      console.error('Failed to copy text: ', err);
    });
});