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>

 


阅读(7471)喜欢(14)8.67KBjquery 浏览器 flash查看效果 点击下载