javascript - 使用 clipboard.js 从浏览器复制 URL

Question

我正在使用 Accusoft 文档查看器。我需要一个按钮，单击该按钮会将当前 URL 加上页码查询字符串参数复制到剪贴板。我正在使用 clipboard.js。我确切地知道如何获取当前 URL 以及如何向 URL 添加页码参数。我不知道该怎么做是让 clipboard.js 将一个变量(例如生成的带有页码参数的 URL)复制到剪贴板。有什么帮助吗？

Answer 1

这里是 Clipboard.js 创建者 ;)

您可以使用命令式 API 来实现:

var url = document.location.href;

new Clipboard('.btn', {
  text: function() {
    return url;
  }
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/1.5.10/clipboard.min.js"></script>


<button class="btn">Copy</button>