如何使用jquery将内容复制到剪贴板

Question

我有链接，当我点击链接时，我必须将内容复制到剪贴板。我正在使用下面的代码，但它不是copying.Any复制到剪贴板的其他代码存在。我测试了这么多代码，但没有一个有用的。

<script src="jquery.js"></script>
<script src="jquery.clipboard.js"></script>
<script>
$(document).ready(function() {
    $("#val_link").click(function () {
    alert("Hello!");
        $("#val_link").clipboard({
            path: 'jquery.clipboard.swf',
            copy: function() {
                alert("Text copied.");
                return $("div#some-content").text();
            }    
        }); 
    });
});
</script>
<a href="javascript:void(0);" id="val_link" value="ttttt">Link</a>
<div id="some-content">Text content to copy</div>

Answer 1

你可以这样做：

http://www.shirmanov.com/2010/09/copy-to-clipboard-in-htmljavascript-and.html

Answer 2

.clipboard()函数为您执行单击处理程序的附加。但是它将它附加到一个不可见的元素上，在你的例子中，它放在#val_link的顶部。

因此，您必须在#val_link上放置一个单击处理程序，以防止其默认使用。

然后在它的外部添加剪贴板函数。

本质上，你所做的是点击绑定剪贴板处理程序--我的猜测是，如果你再次点击该链接，它将正确复制，但随后会绑定另一组事件。

尝试：

<script src="jquery.js"></script>
<script src="jquery.clipboard.js"></script>
<script>
$(document).ready(function() {
    $("#val_link").click(function (o) {
    o.preventDefault();
    });
     $("#val_link").clipboard({
            path: 'jquery.clipboard.swf',
            copy: function() {
                alert("Text copied.");
                return $("div#some-content").text();
            }    
        });

});
</script>
<a href="javascript:void(0);" id="val_link" value="ttttt">Link</a>
<div id="some-content">Text content to copy</div>