兼容各浏览器的复制到剪切板插件ZeroClipboard
作者: 郑晓 分类: javacript 发布于: 2014-03-28 12:51 浏览:6,841 评论(2)
又是一款兼容性比较好的复制到剪切板的插件,ZeroClipboard,同样基于flash。
使用起来更简单,比如我需要点击一个按钮复制指定input的内容。以下是实现Demo:
<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>
//定义swf文件位置
var mvPath = "ZeroClipboard.swf";
// 定义一个ZeroClipboard对象
new ZeroClipboard( document.getElementById("copydemo"), {moviePath: mvPath}).on( 'complete', function(client, args) {alert("复制成功!");});
</script>
<input type="button" value="复制" id="copydemo" data-clipboard-target="demotext"/>
<!--引入js-->
<script type="text/javascript" charset="utf-8" src="ZeroClipboard.js"></script>
<script>
//定义swf文件位置
var mvPath = "ZeroClipboard.swf";
// 定义一个ZeroClipboard对象
new ZeroClipboard( document.getElementById("copydemo"), {moviePath: mvPath}).on( 'complete', function(client, args) {alert("复制成功!");});
</script>
完成,只要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 条留言
折腾,继续折腾当中