久而旧之

实现在Safari一键复制

2018-10-27

实现在Safari一键复制

参考文档 [ clipboard.js ]

传统复制code

1
2
3
4
var Url2=document.getElementById("copy-text");
Url2.select(); // 选择对象
document.execCommand("Copy"); // 执行浏览器复制命令
Message.success('复制成功');

这种复制方式在苹果手机和safari上失效

使用 clipboard.js

CDN Providers

1
2
3
4
5
jsDelivr
<script src="https://cdn.jsdelivr.net/npm/clipboard@2/dist/clipboard.min.js"></script>

cdnjs
<script src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.0/clipboard.min.js"></script>

html code

1
<button class="fuzhi" data-clipboard-demo data-clipboard-action="copy" data-clipboard-text="{{$qr_code}}"  onclick="copyContent();"> 点击复制 </button>

js code

1
2
3
4
var clipboard = new ClipboardJS('.fuzhi');
clipboard.on('success', function(e) {
e.clearSelection();
});
使用支付宝打赏
使用微信打赏

欢迎点击上方按钮对我打赏,谢谢你给我吃糖果