最近做一個微信公衆号的需求,有個複制功能,需要複制券碼。如下圖所示:
我使用了clipboard.js插件,發現能相容ios和安卓。我的使用方法如下:
<div class="coupon-code-box" id="copy-target">
<p>卷碼1: 456645978qqf114</p>
<p>卷碼2: qqf1112222</p>
</div>
<button class="copy-btn" id="copyBtn" data-clipboard-action="copy" data-clipboard-target="#copy-target">複制</button>
<script src="../js/card/clipboard.min.js"></script>//你存放clipboard.min.js的路徑
(function (){ //可以不使用立即執行函數
var clipboard = new ClipboardJS('#copyBtn');
clipboard.on('success', function(e) {
console.log("複制成功");
e.clearSelection();
});
clipboard.on('error', function(e) {
console.log("複制失敗");
});
})();