當前位置：首頁 > 编程资源 > 编程问答 >内容正文

编程问答

jquery复制粘贴

發布時間：2023/12/14 编程问答 27 豆豆

生活随笔收集整理的這篇文章主要介紹了 jquery复制粘贴小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

引入一個clipboard.js文件即可使用，簡單方便，下附測試代碼，筆者親測：ie ，火狐，谷歌，360有效

<!DOCTYPE html> <html> <head> <title>ZeroClipboard Test</title> <meta charset="utf-8"> <script type="text/javascript" src="clipboard.min.js"></script> <script type="text/javascript" src="jquery-1.10.2.min.js"></script> </head> <body><input id="t" type="text"/>數據輸出測試<br> <textarea id="t2"></textarea><br>   <button class="btn" data-clipboard-text="測試1">點擊測試1</button><br><br>  <a class="a" data-clipboard-text="測試2">點擊測試2</a><br><br>  <div>測試3</div><button class="btn2" data-clipboard-action="copy" data-clipboard-target="div">點擊測試3</button><br><br><button class="btn3" data-clipboard-action="copy" data-clipboard-target="#t2">點擊測試4</button></body> </html> <script type="text/javascript">  $(document).ready(function(){ var clipboard = new ClipboardJS('.btn'); clipboard.on('success', function(e) {console.log(e);alert("測試1復制成功！")});clipboard.on('error', function(e) {console.log(e);alert("測試1復制失敗！請手動復制")}); })  $(document).ready(function(){ var clipboard1 = new ClipboardJS('.a'); clipboard1.on('success', function(e) {console.log(e);alert("測試2復制成功！")});clipboard1.on('error', function(e) {console.log(e);alert("測試2復制失敗！請手動復制")}); })  $(document).ready(function(){ var clipboard2 = new ClipboardJS('.btn2'); clipboard2.on('success', function(e) {console.log(e);alert("測試3復制成功！")});clipboard2.on('error', function(e) {console.log(e);alert("測試3復制失敗！請手動復制")}); })  $(document).ready(function(){ var clipboard3 = new ClipboardJS('.btn3'); clipboard3.on('success', function(e) {console.log(e);alert("測試4復制成功！")});clipboard3.on('error', function(e) {console.log(e);alert("測試4復制失敗！請手動復制")}); }) </script>

?附官方鏈接：?點擊打開鏈接?

（轉）

總結

以上是生活随笔為你收集整理的jquery复制粘贴的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。

jquery

上一篇： POJ 2152 fire / SCU
下一篇： es6 取数组的第一个和最后一个_es6