让 JavaScript 复制链接 URL

JavaScript 有一个内置的 Clipboard API，使我们能够复制任何东西到系统剪贴板中。因此，我们可以使用这个 API 来在 JavaScript 中复制链接 URL。

步骤

以下是在 JavaScript 中复制链接 URL 的步骤：

1. 获取要复制的链接 URL。
2. 创建一个 textarea 元素，将要复制的链接 URL 插入到 textarea 元素中。
3. 将 textarea 元素添加到页面中，并将其样式设置为 display: none;。
4. 选中 textarea 元素中的链接 URL。
5. 调用 document.execCommand('copy') 方法将链接 URL 复制到系统剪贴板中。
6. 将 textarea 元素从页面中删除。

以下是实现上述步骤的代码：

function copyUrl() {
  // 获取链接 URL
  const url = window.location.href;

  // 创建 textarea 元素并插入到页面中
  const textArea = document.createElement('textarea');
  textArea.value = url;
  textArea.style.display = 'none';
  document.body.appendChild(textArea);

  // 选中 textarea 中的链接 URL
  textArea.select();

  // 将链接 URL 复制到系统剪贴板中
  document.execCommand('copy');

  // 从页面中删除 textarea 元素
  document.body.removeChild(textArea);
}

总结

使用 JavaScript 复制链接 URL 非常简单。我们只需要创建一个临时的 textarea 元素，并将要复制的链接 URL 插入到其中。然后，我们可以调用 document.execCommand('copy') 方法将链接 URL 复制到系统剪贴板中。最后，我们只需要将 textarea 元素从页面中删除，就完成了整个过程。