[TOC] # jQuery插件：跨瀏覽器復制jQuery-zclip * * * * * ## 1.jQuery-zclip用法 ~~~ //引入jQuery-zclip相關js及swf文件 <script type="text/javascript" src="<%=path%>/resources/js/jquery.min.js"></script> <script type="text/javascript" src="<%=path%>/resources/js/jquery.zclip.min.js"></script> <script type="text/javascript"> $(function(){ $("#cp-btn").zclip({ path:'<%=path%>/resources/js/ZeroClipboard.swf', //記得把ZeroClipboard.swf引入到項目中 copy:function(){ return $('#inviteUrl').val(); } }); }); </script> <div class=form-row> <div class=col-md-5> <input class=form-control value="" id="inviteUrl"/> </div> <div class=col-md-1> <a href="javascript:void(0)" id="cp-btn" class="btn btn-default btn-block btn-clean">復&nbsp;&nbsp;制</a> </div> </div> ~~~ > 配置說明 path:swf的路徑(復制主要是用flash解決不同瀏覽器的復制) copy:待復制的內容, 可以是靜態內容, 也可以 return 動態內容 beforeCopy:復制之前要做的function; afterCopy:復制之后要做的function; 提供了3個方法 show:$(selected).zclip('show');//復制功能有效 hide:$(selected).zclip('hide');//復制功能無效 remove:$(selected).zclip('remove');//完全移除復制功能 ### 2.演示效果 運行成功后，點擊復制按鈕，會彈出一個提示框，表示復制到剪切板生效了，如下：  彈出框出現“Copied text to clipboard”英文字符，有點不符國人使用習慣，把它改為“成功復制到剪切板”，在jquery.zclip.min.js文件中找到“Copied text to clipboard”替換成“成功復制到剪切板”就可以了，效果如下：