复制链接的最佳方法[重复]答案

【问题标题】：Best possible ways to copy link [duplicate]复制链接的最佳方法[重复]
【发布时间】：2019-05-30 21:55:42
【问题描述】：

我正在寻找一种将 URL（链接）复制到剪贴板的合适方法。

谁能告诉我这是如何实现的？

function copyURL() {      
  var elem = document.createElement("textarea");      
  document.body.appendChild(elem);      
  elem.value = google.com;      
  elem.select();      
  document.execCommand("copy");      
  document.body.removeChild(elem);      
  document.write("Copied to clipboard!");
}

&lt;a href="javascript:void(1);" onclick="copyURL()"&gt;Copy URL&lt;/a&gt;

【问题讨论】：

关于您的要求的更详细的问题将允许其他人为您提供更多帮助 - 例如，包括您的 cmets（您在下面的答案中写的）关于它需要“点击”，需要成功消息等。

标签： javascript jquery html css

【解决方案1】：

你可以使用

document.execCommand("copy");

小提琴：Fiddle

【讨论】：

请问有什么例子吗？
我不能在超链接上做吗？就像我单击超链接一样，它会在后面复制一条消息的值。已复制到剪贴板？

【解决方案2】：

您可以在隐藏的textarea 上使用window.location.href 和.execCommand：

var url = document.getElementById('url')
url.value = location.href
url.select()
document.execCommand("copy");

Not hidden for example:<br>
<textarea id="url"></textarea>

【讨论】：

【解决方案3】：

尝试创建一个虚拟输入，复制它，然后删除它。

function copyURL() {      
  var elem = document.createElement("textarea");      
  document.body.appendChild(elem);      
  elem.value = location.href;      
  elem.select();      
  document.execCommand("copy");      
  document.body.removeChild(elem);      
  document.write("Copied to clipboard!");
}

&lt;button onclick="copyURL()"&gt;Copy URL&lt;/button&gt;

【讨论】：

为什么会打开一个粘贴框？可以不说，复制到剪贴板吗？
@BillNathan 这样您就可以通过将其粘贴到提示符中来确保它正常工作。
可以删除吗？我可以尝试粘贴到其他地方吗？只需显示一条消息即可。请复制到剪贴板？
没问题@BillNathan。
编辑了@BillNathan，还有更好的吗？