单击复制按钮时如何将链接地址复制到剪贴板？

Question

我目前的解决方案不起作用，你能帮我找出原因吗？

这是我的javascript：

$(function() {

var clip = new ZeroClipboard(document.getElementById("copy"));

clip.on("ready", function() 
{

clip.on("copy", function(event) {

var clipboard = event.clipboardData;

clipboard.setData(attr.('href'),$("#text-to-copy"));


});

});

});

我正在使用的HTML：

<a id="text-to-copy" th:href="@{http://localhost:8080/{id}(id=${url})}"

th:text="@{/{id}(id=${url})}" data-clipboard-target="text-to-copy"></a>

<div class="row" style="padding-top: 20px; padding-left: 20px;">

<input type="button" class="btn btn-default btn-radio" id="copy" name="copy" 
value="copy" />

Answer 1

你应该使用click（）而不是复制。

$(function() {

    var clip = new ZeroClipboard(document.getElementById("copy"));

    clip.on("ready", function() {

        clip.click(function(event) {
            var clipboard = window.clipboardData;
            clipboard.setData(attr.('href'),$("#text-to-copy"));
        });
    });
});