版权声明: https://blog.csdn.net/caoyan0829/article/details/84982831
移动端要引入一个插件
地址:https://github.com/zenorocha/clipboard.js/wiki/CDN-Providers
<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.0/clipboard.min.js"></script>
<input id="copycode" class="main-code" readonly value="" >
<button class="main-btn" data-clipboard-target="#copycode" data-clipboard-action="copy">复制</button>
js:
var copyBtn = new ClipboardJS('.main-btn');
// console.log(copyBtn)
copyBtn.on("success",function(element){
// 复制成功
alert("已复制好,可贴粘");
element.clearSelection();
});
copyBtn.on("error",function(element){
//复制失败;
console.log( "复制失败,请手动复制" )
});