Question

我正在寻找一种将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!");
}

<a href="javascript:void(1);" onclick="copyURL()">Copy URL</a>

Answer 1

您可以使用

document.execCommand("copy");

提琴：Fiddle

Answer 2

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

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

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

Answer 3

尝试进行虚拟输入，将其复制，然后将其删除。

/wp-content/plugins/woocommerce/includes/theme-support/class-wc-twenty-nineteen.php

public static function output_content_wrapper() {
    echo '<section id="primary" class="content-area balasaheb">';
    echo '<main id="main" class="site-main">';
}

woocommerce_before_main_content

复制链接的最佳方法

3 个答案: