天天看點

實作移動端複制粘貼指定内容,相容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("複制失敗");
    });
})();
           

繼續閱讀