javascript - ZeroClipboard为什么点击两次才能成功呢?上全部代码
大家讲道理
大家讲道理 2017-04-10 14:26:25
[JavaScript讨论组]



    
    插件

    
    



    

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

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

大家讲道理
大家讲道理

光阴似箭催人老,日月如移越少年。

全部回复(1)
阿神

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

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

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

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号