原生js實現複製內容到剪下板(解決jquery實現不了的問題)

守護大白菜發表於2017-03-08
JSjQuery

以下適用於火狐谷歌瀏覽器:且資料是迴圈遍歷出來的,所以id為變數

foreach($list as $k=>$val){
    <textarea id=$k style="position:absolute;bottom:0px; height: 1px; width: 1px;float: right;resize: none;">

            要複製的內容(可以提前拼接好放進來)
   </textarea>
<td width="10%"><input type="button" onClick=jsCopy("$k"); value="複製" /></td>
}



<!--複製-->

<script type="text/javascript">
    function jsCopy(k){  //複製事件
        var e=document.getElementById(k);//獲取要複製的物件,注:只能是物件不能是文字 像document.getElementById(k).text()這種不行;
        e.select(); //選擇物件
        tag=document.execCommand("Copy"); //執行瀏覽器複製命令
        if(tag){
            alert('複製內容成功');
        }
    }
</script>

相關文章