zoukankan      html  css  js  c++  java
  • jquery.zclip轻量级复制失效问题

    工作原理

    利用一个透明的 Flash ,让其漂浮在按钮之上,这样其实点击的不是按钮而是 Flash ,也就可以使用 Flash 的复制功能了

    <script src="js/jquery/jquery-1.8.0.min.js"></script>
    <script type="text/javascript" src="js/jquery-zclip/jquery.zclip.js"></script>
    <script type="text/javascript">
     $(function(){
            var $copyBtn = $('#copy-video-link');
            copyVideoLink($copyBtn);
        });
        //复制视频网址
        function copyVideoLink($that){
            //设置flash动画
            ZeroClipboard.setMoviePath("js/jquery-zclip/ZeroClipboard.swf");
            var clip = new ZeroClipboard.Client();
            // 设置鼠标为手型 
            clip.setHandCursor(true);
            //设置要复制的文本   
            clip.setText($that.attr("data-href"));
            clip.glue($that.attr("id"));
            
            //复制完成后的监听事件        
            clip.addEventListener('complete', function (client, text) {
                alert("你已经复制成功" + text);
                // 复制一次后,hide()使复制按钮失效,防止重复计算使用次数
            });
        }
    </script>
  • 相关阅读:
    js中replace的正则替换
    ios沙盒路径
    Android开源框架
    小知识点
    __NSCFConstantString && __NSPlaceholderDictionary
    iq 格式分析
    C 函数
    Xcode报错
    XMPP Server
    H5网站借鉴
  • 原文地址:https://www.cnblogs.com/zjf-1992/p/5978000.html
Copyright © 2011-2022 走看看