js實現複製到剪貼簿
阿新 • • 發佈：2019-01-01
以前用js實現複製內容到剪貼簿是比較麻煩的，不過總有大神給我們提供各種庫，如clipboard.js，所以一切變得比較簡單了。
下載地址：https://clipboardjs.com/
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <script src="js/jquery-1.11.2.min.js"></script> <script src="js/clipboard.min.js"></script> <title>複製到剪貼簿！</title> </head> <body> <p>居然可以這樣！<span id="foo">這是複製的內容，嘿嘿！</span></p> <button class="btn" data-clipboard-action="copy" data-clipboard-target="#foo" id="copy_btn"> 複製按鈕 </button> </body> <script> $(document).ready(function(){ var fooText=$("#foo").text(); var clipboard = new Clipboard('#copy_btn'); clipboard.on('success', function(e) { console.info('Action:', e.action); console.info('Text:', e.text); console.info('Trigger:', e.trigger); alert("複製成功"); e.clearSelection(); }); }); </script> </html>
注：經測試，移動端的瀏覽器無法實現。