js 复制功能,点击按钮实现复制功能

可以使用 Clipboard API 来实现点击按钮复制文本的功能。以下是一个示例代码：

<button id="copy-btn">复制文本</button>
<input type="text" id="text-to-copy" value="要复制的文本">

<script>
  const copyBtn = document.querySelector('#copy-btn');
  const textToCopy = document.querySelector('#text-to-copy');

  copyBtn.addEventListener('click', () => {
    navigator.clipboard.writeText(textToCopy.value)
      .then(() => {
        console.log('文本已成功复制到剪贴板');
      })
      .catch((error) => {
        console.error('复制文本失败:', error);
      });
  });
</script>

当用户点击“复制文本”按钮时，代码会将文本框中的文本复制到剪贴板中。值得注意的是，这需要用户的授权才能执行成功。