js一鍵複製
阿新 • • 發佈:2019-01-22
筆記:
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裡的內容。