网上有介绍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内容到剪贴板了。