實現移動端複製貼上指定內容,相容ios和安卓
阿新 • • 發佈:2018-12-10
最近做一個微信公眾號的需求,有個複製功能,需要複製券碼。如下圖所示:
我使用了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("複製失敗");
});
})();