1. 程式人生 > >javascript copy 復制到粘貼板的方法

javascript copy 復制到粘貼板的方法

測試 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 復制到粘貼板的方法