jquery.zclip轻量级复制失效问题
程序员文章站
2023-12-09 15:50:57
工作原理
利用一个透明的 flash ,让其漂浮在按钮之上,这样其实点击的不是按钮而是 flash ,也就可以使用 flash 的复制功能了
工作原理
利用一个透明的 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>
以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持!