jquery复制粘贴
生活随笔
收集整理的這篇文章主要介紹了
jquery复制粘贴
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
引入一個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"/>數(shù)據(jù)輸出測試<br> <textarea id="t2"></textarea><br> <!--測試1--> <!--button按鈕測試，需要復制的值放在屬性 data-clipboard-text中<br>--> <button class="btn" data-clipboard-text="測試1">點擊測試1</button><br><br><!--測試2--> <!--a按鈕測試，需要復制的值放在屬性 data-clipboard-text中<br>--> <a class="a" data-clipboard-text="測試2">點擊測試2</a><br><br><!--測試3--> <!--測試，通過按鈕的data-clipboard-target屬性獲取指定標簽中的值--> <div>測試3</div><button class="btn2" data-clipboard-action="copy" data-clipboard-target="div">點擊測試3</button><br><br><!--測試4--><!--測試，通過按鈕的data-clipboard-target屬性獲取指id的標簽中的值中 --><button class="btn3" data-clipboard-action="copy" data-clipboard-target="#t2">點擊測試4</button></body> </html> <script type="text/javascript"> <!--測試1--> $(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復制失敗！請手動復制")}); }) <!--測試2--> $(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復制失敗！請手動復制")}); }) <!--測試3--> $(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復制失敗！請手動復制")}); }) <!--測試4--> $(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>?附官方鏈接：?點擊打開鏈接?
（轉(zhuǎn)）
總結(jié)
以上是生活随笔為你收集整理的jquery复制粘贴的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： POJ 2152 fire / SCU
- 下一篇： es6 取数组的第一个和最后一个_es6