JS實現複製功能,相容各大主流瀏覽器複製神器 ZeroClipboard
阿新 • • 發佈:2019-01-24
以下是完整版程式碼:
<!DOCTYPE html> <html> <head> <title>Zero Clipboard 測試</title> <meta charset="utf-8"> <script type="text/javascript" src="ZeroClipboard.js"></script> </head> <body> <p id="wenben">你要複製的文字</p> <button id='anniu' class='my_clip_button' data-clipboard-target='wenben'>點選複製</button> </body> </html> <script type="text/javascript"> <!--注意:這裡new的時候,需要寫按鈕的ID,不能帶引號哦!--> var clip = new ZeroClipboard( anniu, { moviePath: "ZeroClipboard.swf" } ); clip.on( 'complete', function(client, args) { alert("複製成功,複製內容為:"+ args.text); } ); </script>
好了,需要的夥伴們,可以複製一下去測試了哦!測試的時候要在伺服器環境下。
ZeroClipboard 走的是flash,所以在手機上是不支援的哦!
所需檔案下載地址:http://pan.baidu.com/s/1c2q38UO 密碼:u1yk