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

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

作者: 郑晓 分类: javacript 发布于: 2014-03-28 12:51 浏览(4,596) 评论(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>

完成,只要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[回复]

折腾,继续折腾当中