1. 程式人生 > >實現移動端複製貼上指定內容,相容ios和安卓

實現移動端複製貼上指定內容,相容ios和安卓

最近做一個微信公眾號的需求,有個複製功能,需要複製券碼。如下圖所示: 這裡寫圖片描述

我使用了clipboard.js外掛,發現能相容ios和安卓。我的使用方法如下:

<div class="coupon-code-box" id="copy-target">
    <p>卷碼1:&nbsp;456645978qqf114</p>
    <p>卷碼2:&nbsp;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("複製失敗"); }); })
();