1. 程式人生 > >js一鍵複製

js一鍵複製

筆記:

html:

<div id="copyText">一鍵複製的內容</div>
<button class="btn2 copyBtn" data-clipboard-action="copy" data-clipboard-target="#copyText">一鍵複製</button>  
需要js資源:clipboard.min.js,jquery-2.1.0.js
//一鍵複製
var copyBtn = new Clipboard('.copyBtn');   
copyBtn.on('success', function(e) {  
   console.log(e);  
    alert("複製成功!")  
});  
copyBtn.on('error', function(e) {  
   console.log(e);  
   alert("複製失敗!請手動複製")  
}); 

貼上即可。

=======================後期分割線===========================

上述方法,經測試,在PC和ios機上可以,但是安卓機有bug,複製不到貼上板上。修改如下

html:
<div id="copyText">一鍵複製的內容</div>
<button class="btn2 copyBtn" data-clipboard-action="copy" data-clipboard-text="一鍵複製的內容">一鍵複製</button> 

把需要複製的內容放在div展示,再把內容用attr方法新增到data-clipboard-text內:

$(".copyBnt").attr("data-clipboard-text","一鍵複製的內容");

在點選button時,複製的內容就是data-clipboard-text裡的內容。