ZeroClipboard实现跨浏览器复制

官方网站:

https://github.com/zeroclipboard/ZeroClipboard

在这记录些主要的!

页面引用:

<script src="/Scripts/ZeroClipboard.min.js"></script>

代码:

var clip = new ZeroClipboard(document.getElementById("btnCopyLink"), {
moviePath: "/Scripts/ZeroClipboard.swf"
});

btnCopyLink为复制按钮,不一定要是BUTTION的!

在点吉按钮中添加复制的内容传值:

$("#btnCopyLink").attr("data-clipboard-text", “这是要复制的内容”);

添加鼠标样式及提示:

clip.on('mouseover', function (client) {
  $(this).css("cursor", "pointer");
  $(this).attr("title", "Click to copy.");
});

添加复制成功提示:

clip.on('complete', function () {
$.jBox.tip("Call link have been copied!");
});

OK,简要的就这些!