jquery.zclip.js是一个居于jQuery的剪贴板插件,可以将指定内容复制到系统剪贴板中,兼容IE 6, IE 7, IE 8, FF 3.6, Chrome 8, Safari 5, Opera 11。项目地址:http://www.steamdev.com/zclip/
jquery.zclip.js配置API
设置 |
||
---|---|---|
配置项目 |
默认值 |
可用值和说明 |
path * | "ZeroClipboard.swf" | "ZeroClipboard.swf"flash文件的路径,如"/swf/ZeroClipboard.swf" |
copy * | null | 可以为任何string类型,javascript表达式或者一个返回string类型的函数 译者注:使用方法很方便实现一个页面内容的多个内容拷贝,具体看示例 |
afterCopy | null | 拷贝结束后的回调函数,配置这个回调函数会替换掉alert输出拷贝内容的默认回调 |
beforeCopy | null | 拷贝之前的回调函数 |
clickAfter | true | true false |
setHandCursor | true | true false |
setCSSEffects | true | true false |
*为必填项 |
<html>
<head>
<title>jquery.zclip.js jquery剪贴板插件</title>
</head>
<script src="/js/jquery.js"></script>
<script src="jquery.zclip.min.js"></script>
<script>
$(function () {
$('a[rel]').zclip({ copy: function () { return $(this.getAttribute('rel')).html(); } });
});
</script>
<body>
<a rel="#p1">拷贝1</a>
<p id="p1">拷贝内容1拷贝内容1拷贝内容1</p>
<a rel="#p2">拷贝2</a>
<p id="p2">拷贝内容2
拷贝内容2</p>
<a rel="#p3">拷贝3</a>
<p id="p3">拷贝内容3
拷贝内容3</p>
</body>
</html>
<head>
<title>jquery.zclip.js jquery剪贴板插件</title>
</head>
<script src="/js/jquery.js"></script>
<script src="jquery.zclip.min.js"></script>
<script>
$(function () {
$('a[rel]').zclip({ copy: function () { return $(this.getAttribute('rel')).html(); } });
});
</script>
<body>
<a rel="#p1">拷贝1</a>
<p id="p1">拷贝内容1拷贝内容1拷贝内容1</p>
<a rel="#p2">拷贝2</a>
<p id="p2">拷贝内容2
拷贝内容2</p>
<a rel="#p3">拷贝3</a>
<p id="p3">拷贝内容3
拷贝内容3</p>
</body>
</html>