javascript copy 復制到粘貼板的方法
阿新 • • 發佈:2017-05-12
測試 select() board javascrip 移動 asc copy 鍵盤 rip
1.如果只是實現一個復制的功能呢有一個比較簡單的方案廢話不說,直接上代碼 (pc 推薦)
<script type="text/javascript"> function copyUrl2() { var Url2 = document.getElementById("biao1"); Url2.select(); // 選擇對象 document.execCommand("Copy"); // 執行瀏覽器復制命令 } </script> //定義dom <div onClick="copyUrl2()">click me to copy</div> <textarea cols="20" rows="10" id="biao1" style="position: absolute;left:-10000px">hello world33333444433</textarea>
但是這個實現的方法pc無問題 但是在移動端有一個缺點 手機的鍵盤區會彈出來 因為執行的是textarea 的 select 方法取值 (移動推薦)
2.引用一個JavaScript copy庫,測試移動端能夠完美的復制 (不需要flash的支持 gzip之後只有3kb 比較完美)
地址:https://github.com/zenorocha/clipboard.js
javascript copy 復制到粘貼板的方法