核心代码
代码如下 | 复制代码 |
("input").zclip({ path: 'http://steamdev.com/zclip/js/ZeroClipboard.swf', copy: $("p").html(), beforeCopy:function(){ console.log("复制之前"); }, afterCopy:function(){ alert("复制成功"); console.log("复制之后"); } }); |
PS:
这个插件必须在http服务器中才能运行!在本地无效.
例子
代码如下 | 复制代码 |
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>复制网页内容到剪切板 - zclip</title> <style> body { font: 12px/24px "微软雅黑"; } .zclip { font-size: 0; line-height: 0; } input[type='button'].hover { opacity: .8; filter: alpha(opacity = 80); } </style> </head> <body> <div> <p>Hello Word! Welcome to http://www.111cn.net/</p> <input type="button" value="复制" /> </div> <p>这个操作剪切板的插件不支持动态变化的!它的copy属性的值是它一初始化的时候就固定的。</p> <p>这个插件必须在http服务器中才能运行!在本地无效</p> <p><a href="http://steamdev.com/zclip/" target="_blank">官方网站</a></p> <script src="http://code.jquery.com/jquery.min.js"></script> <script src="http://steamdev.com/zclip/js/jquery.zclip.min.js"></script> <script> $(function(){ $("input").zclip({ path: 'http://steamdev.com/zclip/js/ZeroClipboard.swf', copy: $("p").html(), beforeCopy:function(){ console.log("复制之前"); }, afterCopy:function(){ alert("复制成功"); console.log("复制之后"); } }); }); </script> </body> </html> |
时间: 2024-12-23 09:26:11