Top

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>
posted @ 2016-10-19 17:25  Avenstar  阅读(1388)  评论(0编辑  收藏  举报