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。