js複製文字

1、原理分析

瀏覽器提供了 copy 命令 ，能夠複製選中的內容

document.execCommand("copy")

若是是輸入框，能夠經過 select() 方法，選中輸入框的文本，而後調用  copy 命令，將文本複製到剪切板

可是 select() 方法只對 <input> 和 <textarea> 兩個輸入框有效,因此要設置一個用這兩個標籤的緩存區域

 

//要拿到的文字
<button 'data-text'='待複製文字' onclick='copy(this)'>

//html部分,緩存拿到的值,透明爲0才行,隱藏是不行的
<textarea style="opacity: 0;" id="txt"></textarea>

//js方法
function copy(obj){
    var content =  $(obj).attr('data-text');
    $("#txt").val(content);
    var txt=document.getElementById("txt");
    txt.select(); // 選擇對象
    document.execCommand("Copy"); // 執行瀏覽器複製命令
    layer.msg('已複製,可粘貼');
}