最近做一个微信公众号的需求,有个复制功能,需要复制券码。如下图所示:
我使用了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("复制失败");
});
})();