js實現複製到貼上板 ZeroClipboard
阿新 • • 發佈:2019-01-02
實現複製貼上這樣簡單的功能,竟然網上沒啥有用的東西!特此實驗並整理,望後來者少走彎路。(用chrome測試通過,不喜IE故未做IE測試)
2、引入js庫。<script src="jQuery.js" type="text/javascript"></script><!-- 你自己專案中的就可 --> <script src="ZeroClipboard.min.js" type="text/javascript"></script> <script src="clip.js" type="text/javascript"></script><!-- 你測試或者使用的js -->
3、html程式碼。
<a id="copy" data-clipboard-text="zhan-tie-nei-rong">複製連結</a>
其中id用於js選擇器使用,data-clipboard-text用於儲存你要貼上的內容。此處"zhan-tie-nei-rong"為例。
4、JS程式碼(clip.js)
$(function(){ $('#copy').click(function(){ copy("copy"); }) $('#copy').click();//由於第一次點選無效,故載入時先觸發一次。 }) function copy(id){ var clip = new ZeroClipboard($('#'+id)[0], { moviePath: '/resource/js/plugins/ZeroClipboard/ZeroClipboard.swf' }); clip.on( 'complete', function(client, args) { alert('複製成功, 您可以到其他地方貼上該網址了!'); }); }
參考文章:複製到剪貼簿的JS實現--ZeroClipboard (兼解決IE下相容問題)