jquery.zclip.js jquery剪贴板插件
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="/demo/zclip/jquery.zclip.min.js"></script> <script> $(function () { $('a[rel]').zclip({path:'/demo/zclip/ZeroClipboard.swf', 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>