項目中忽然須要使用複製功能,在網上搜索了下看到了ZeroClipboard插件,好用,可是也有侷限。用法以下:javascript
一、引用jquery、zclip.js、swf文件。demo地址:https://github.com/chaoli920029342/jquery_copyjava
二、初始化jquery
<body> <input type="text" name="text" id="text" value="http://www.baidu.com" /> <a href="javascript:void(0)" id="dynamic">複製</a> <script type="text/javascript"> $(document).ready(function(){ $("#dynamic").zclip({ path:'ZeroClipboard.swf', copy:$('#text').val(), beforeCopy:function(){ //some code }, afterCopy:function(){ alert($("#text").val()); } }); //beforeCopy afterCopy 是可選項 }); </script> </body>
注:git
一、需在服務器上運行 localhostgithub
二、js+swf實現,文件須要同時引入。 ZeroClipboard提供一個透明的flash,用於和剪切版交互,當點擊頁面上的「複製」按鈕時,將須要的內容傳入Flash,再經過Flash的複製功能把傳入的內容複製到剪貼板。 需保證該flash被正確加載便可。瀏覽器
三、可兼容各大瀏覽器服務器