当前位置:Gxlcms > PHP教程 > javascript-ZeroClipboard为什么点击两次才能成功呢?上全部代码

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

时间:2021-07-01 10:21:17 帮助过:29人阅读




    
    插件

    
    



    

券号: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版本很老的吧...

人气教程排行