jQuery-zclip是一個復制內容到剪貼板的jQuery插件，使用它我們不用考慮不同瀏覽器和瀏覽器版本之間的兼容問題。jQuery-zclip插件需要Flash的支持，使用時記得安裝Adobe Flash Player。

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">復  制</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”替換成“成功復制到剪切板”就可以了，效果如下：

以上就是小編整理的關于jQuery zclip插件實現跨瀏覽器復制功能的全部內容，希望對大家的學習有所幫助。