如何复制网页文字 脚本

使用JavaScript脚本自动复制网页文字的方法

可以使用JavaScript中的Clipboard API实现自动复制功能。例如，通过创建一个隐藏的文本区域元素，赋值需要复制的文字，然后调用document.execCommand('copy')或使用新的异步Clipboard API来执行复制操作。这些方法兼容大多数现代浏览器，能够快速完成复制任务。

了解脚本复制文字时的安全限制和解决方案

浏览器安全机制通常限制网页脚本未经用户交互直接复制内容，以防止恶意行为。为了顺利复制文字，脚本通常需要绑定在用户操作事件（如点击按钮）中。此外，使用异步Clipboard API时必须确保页面通过HTTPS协议访问。若遇限制，可以考虑向用户展示复制按钮，引导其主动操作。

示例代码：使用JavaScript实现复制功能

以下示例展示如何制作一个复制按钮，通过点击事件将指定文字复制到剪贴板：

function copyText(text) {
  navigator.clipboard.writeText(text).then(() => {
    alert('文字已复制到剪贴板');
  }).catch(err => {
    alert('复制失败：' + err);
  });
}

// 绑定按钮点击事件
const copyBtn = document.getElementById('copyButton');
copyBtn.addEventListener('click', () => {
  const textToCopy = document.getElementById('textContent').innerText;
  copyText(textToCopy);
});

此代码依赖现代浏览器的Clipboard API，用户点击按钮即可完成复制操作。