当前位置: 博客首页 >> javacript >> 阅读正文

兼容各浏览器的复制到剪切板插件ZeroClipboard

作者: 郑晓 分类: javacript 发布于: 2014-03-28 12:51 浏览:7,664 评论(2)


又是一款兼容性比较好的复制到剪切板的插件,ZeroClipboard,同样基于flash。 使用起来更简单,比如我需要点击一个按钮复制指定input的内容。以下是实现Demo: </p> <input type="text" value="www.zh30.com" id="demotext" /> <input type="button" value="复制" id="copydemo" data-clipboard-target="demotext"/> <!--引入js--> <script type="text/javascript" charset="utf-8" src="ZeroClipboard.js"></script> <script> //&#23450;&#20041;swf&#25991;&#20214;&#20301;&#32622; var mvPath = "ZeroClipboard.swf"; // &#23450;&#20041;&#19968;&#20010;ZeroClipboard&#23545;&#35937; new ZeroClipboard( document.getElementById("copydemo"), {moviePath: mvPath}).on( 'complete', function(client, args) {alert("&#22797;&#21046;&#25104;&#21151;!");}); </script> <p> 完成,只要new一下这个ZeroClipboard类就可以了,注意各id的关系(getElementById的是按钮的id,按钮中的data-clipboard-target对应要复制目标的id)。 附件下载 ZeroClipboard-www.zh30.com

       

本文采用知识共享署名-非商业性使用 3.0 中国大陆许可协议进行许可,转载时请注明出处及相应链接。

本文永久链接: https://www.zh30.com/fu-zhi-dao-jian-qie-ban-zeroclipboard.html

兼容各浏览器的复制到剪切板插件ZeroClipboard:目前有2 条留言

用户评论头像 番茄发表于 2014年05月21日 14:44[回复]

折腾,继续折腾当中

发表评论

change vcode