javascript - ZeroClipboard为什么点击两次才能成功呢？上全部代码

券号：BBBzc1234567A473D00051
    
复制券号         
    
使用状况：还未开始或已过期                       
    

    
券号：AAAzc1234567A473D00051
    
复制券号
    
 使用状况：还未开始或已过期                       
   

回复内容：

券号：BBBzc1234567A473D00051
    
复制券号         
    
使用状况：还未开始或已过期                       
    

    
券号：AAAzc1234567A473D00051
    
复制券号
    
 使用状况：还未开始或已过期                       
   

给你说下程序执行的流程吧:

1. 页面初始化时, 元素有onclick事件;
2. 第一次点击, 触发onclick事件, 调用setCopyClip函数后, 绑定一个ZeroClipboard.Client对象;
3. 这条是重点 : 在new ZeroClipboard.Client时, ZeroClipboard会创建一个div元素覆盖在元素之上;
4. 第二次点击, 因为ZeroClipboard创建的div在元素之上, 所以不会触发onclick事件;
5. 第一次绑定的ZeroClipboard.Client对象触发complete事件, 弹出复制成功!弹窗.

PS:你用的ZeroClipboard版本很老的吧...