Clipboard.js不好使的原因找到了,clipboard实现复制粘贴功能,解决复制成功多次弹出问题.


Clipboard.js不好使的原因之一
你要复制的内容比如input标签有没有设置display:none;或者visibility:hidden;如果有立刻删除,改用position:absolute;等其他方式!!!
设置了display:none;或者visibility:hidden;尽管提示复制成功,也走success方法了,但是实际上再剪贴板里没有要复制的内容。
其他原因在官网或者百度大部分都可以找到。。

clip

1.引用该js
<script type="text/javascript" src="${pageContext.request.contextPath}/mobileres/common/js/clipboard.min.js" ></script>
2.        function copy(id) {
              var clipboard = new ClipboardJS(id);
              clipboard.on('success', function(e){
                actAlert("复制成功,去粘贴试试吧!");
                //可执行其他代码操作
                clipboard.destroy(); 
              });
              clipboard.on('error', function(e){
                actAlert("复制失败!请手动复制")
              });
              
            }

clipboard.destroy(); 这一步是解决多次弹出问题.
 

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值