JS点击复制链接

关于这个复制,弄的我脑瓜疼,之前用的方法,安卓机和PC端可用,iPhone中没有反应。多谢我同事的这个,经过上线测试,安卓机和PC端可用,iPhone都可以用,么有问题

<script type='text/javascript' src="https://cdn.staticfile.org/clipboard.js/1.5.15/clipboard.min.js"></script>

注:data-clipboard-demo data-clipboard-action=“copy” data-clipboard-text 这些属性不可更改,data-clipboard-text中为被复制的内容

 <div class="invitation-button" data-clipboard-demo data-clipboard-action="copy" data-clipboard-text="123456">复制邀请链接</div>

点击复制链接

$(".invitation-button").on('click',function(){
      var clipboardDemos = new Clipboard('[data-clipboard-demo]');/*创建方法*/
       /*复制成功回调*/
       clipboardDemos.on('success', function (e) {
           e.clearSelection();
           $.toast('复制成功');
           clipboardDemos.destroy();
       });
           /*复制失败回调*/
       clipboardDemos.on('error', function (err) {
           $.toast(err);
           clipboardDemos.destroy();
       });
});

猜你喜欢

转载自blog.csdn.net/weixin_43356295/article/details/83014975