JQuery zClip插件实现将页面内容复制到剪贴板

我相信这个功能在平时上网的时候经常能遇到，之前也没怎么注意如何实现，直到项目中需要。

最终效果：

网上有很多搜索，也不是没有使用js方法。但是由于不同浏览器的安全机制不同，并不是跨浏览器的。我访问了几个常用的网站，都是用透明flash来屏蔽“复制到剪贴板”按钮，所以当你点击“复制到剪贴板”的时候，其实是点击了flash，然后把需要复制的内容转移到flash，再通过flash的复制功能把转移的内容复制到剪贴板。加载JQuery库和zclip插件。

脚本类型=' text/JavaScript ' src=' http : js/jquery-1 . 8 . 1 . min . js '/script script src=' http : js/jquery . zclip . min . js '/脚本以下是一个小演示，主要用于将文本框中的链接复制到剪贴板。超文本标记语言

type=' text ' value=' www . JB 51 . net ' id=' link ' span id=' copy BTN '复制链接/span并添加脚本。

脚本$('#copyBtn ')。zclip({ path : ' ZeroClipboard . swf '，copy : function(){ return $(' # link ')。val()；} });/script，然后就可以直接打开网页进行测试了。这只是一个简单的小应用，希望大家能快点掌握。