如何使用 jquery 将内容复制到剪贴板
Posted
技术标签:
【中文标题】如何使用 jquery 将内容复制到剪贴板【英文标题】:How to copy the content to clipboard using jquery 【发布时间】:2014-03-03 05:25:05 【问题描述】:我有链接,当我单击链接时,我必须将内容复制到剪贴板。 我正在使用下面的代码,但它没有复制。任何其他代码都可以复制到剪贴板。我测试了很多代码,但没有一个有用。
<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>
【问题讨论】:
【参考方案1】:你可以这样做:
http://www.shirmanov.com/2010/09/copy-to-clipboard-in-htmljavascript-and.html
【讨论】:
【参考方案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>
【讨论】:
以上是关于如何使用 jquery 将内容复制到剪贴板的主要内容,如果未能解决你的问题,请参考以下文章