ZeroClipboard使用

GitHub官方项目下载最新文件和demo，此文适用于ZeroClipboard 2.x。

声明：本文并不保障完全正确，只是我在参考了网上很多文章失败，按照目前的做法正确了，特在此记录。

1、ZeroClipboard依赖于jquery，确保引入了jquery，并放在同一目录下。

2、ZeroClipboard.js ZeroClipboard.min.js ZeroClipboard.swf三个文件放在同一目录下。

3、上代码：

// js代码
<script type="text/javascript" src="../../../../js/ZeroClipboard.min.js"></script>
<script type="text/javascript"  language="javascript">
$(document).ready(function() {
var clip = new ZeroClipboard($("#copyUrl"), {
moviePath: "../../../../js/ZeroClipboard.swf"
});
clip.on('error', function (event) {
alert("复制失败，请手动复制。");
});
clip.on('aftercopy', function (event) {
alert("复制成功！");
});

});
</script>

// html 代码

<span  id="shortUrl">要复制内容</span>
<input type="button" value="复制推广链接按钮" data-clipboard-target="shortUrl"  id="copyUrl" />

4、解释

在

var clip = new ZeroClipboard($("#copyUrl")

时，把复制按钮ID传进去。

在复制按钮配置

data-clipboard-target="shortUrl"

其中shortUrl为要复制内容的ID。