使用ZeroClipboard实现剪贴板Copy

网上有介绍ZeroClipboard实现剪贴板Copy的博文，但是貌似都已经过时了。

下面是直接解释ZeroClipboard官网Demo的做法。

首先下载ZeroClipboard的zip包

下载后把ZeroClipboard.js和ZeroClipboard.swf放到你的项目中。然后在需要用的页面引用ZeroClipboard.js，这个简单就不多说。

下面是代码了。

  var clip = new ZeroClipboard($("#Btn_Copy"), {
      moviePath: "../js/ZeroClipboard.swf"
        });
       
        clip.on('complete', function (client, args) {
     // alert("Copied text to clipboard: " + args.text);

    });

这一段代码可以写在页面加载完成的事件中。

第一段是初始化ZeroClipboard，Btn_Copy是需要相应点击copy事件的按钮Id.

在这个按钮上需要加这么一个属性  data-clipboard-target="Txt_CopySource"

Txt_CopySource是需要copy内容的控件ID。

../js/ZeroClipboard.swf 是ZeroClipboard.swf文件的相对路径。

这样写好之后，ZeroClipboard会覆盖一个flash在Btn_Copy按钮上，点击的时候实际上就是点击了一个flash，由flash自动从Txt_CopySource里copy内容到剪贴板了。