2016-7-18
JS--剪贴板
1):ZeroClipboard.js
2):jquery.zclip.js
实际使用了jquery的zclip方法,原理都是在DOM上加一层flash,所以需要flash支持,且由于flash安全要求,只能在服务器上运行demo。
<div class="btn disabled" id="copy" data-clipboard-text="whatever">复制URL(<span>0</span>)</div>
<script src="/res/js/lib/zclip/jquery.zclip.js"></script>
<script type="text/javascript">
$('#copy').zclip({
afterCopy: function() {
comos.Toast.info('链接复制成功', 300);
}
});
</script>
zclip函数有这些属性:
path:swf的路径(复制主要是用flash解决不同浏览器的复制)
copy:待复制的内容, 可以是静态内容, 也可以 return 动态内容
beforeCopy:复制之前要做的function;
afterCopy:复制之后要做的function;
data-clipboard-text属性就是所复制内容。
chrome自带flash,Safari不自带flash,注意!