这里有新鲜出炉的 jQuery 示例,程序狗速度看过来!
jQuery 是一个兼容多浏览器的 javascript 框架,核心理念是 write less,do more(写得更少, 做得更多)。jQuery 在 2006 年 1 月由美国人 John Resig 在纽约的 barcamp 发布,吸引了来自世界各地的众多 JavaScript 高手加入,由 Dave Methvin 率领团队进行开发。
这篇文章主要介绍了 jQuery zclip 插件实现跨浏览器复制功能的方法,以及在实现过程中遇到的问题,感兴趣的小伙伴们可以参考一下
jQuery-zclip 是一个复制内容到剪贴板的 jQuery 插件,使用它我们不用考虑不同浏览器和浏览器版本之间的兼容问题。jQuery-zclip 插件需要 Flash 的支持,使用时记得安装 Adobe Flash Player。
1、jQuery-zclip 用法
- //引入jQuery-zclip相关js及swf文件
- < script type = "text/javascript"src = "<%=path%>/resources/js/jquery.min.js" > </script>
- <script type="text/javascript " src=" < %=path % >/resources/js / jquery.zclip.min.js "></script>
- <script type="text / javascript ">
- $(function(){
- $("#cp - btn ").zclip({
- path:'<%=path%>/resources/js/ZeroClipboard.swf', //记得把ZeroClipboard.swf引入到项目中
- copy:function(){
- return $('#inviteUrl').val();
- }
- });
- });
- </script>
- <div class=form-row>
- <div class=col-md-5>
- <input class=form-control value="" id="inviteUrl "/>
- </div>
- <div class=col-md-1>
- <a href="javascript: void(0)" id="cp - btn "
- class="btn btn -
- default btn - block btn - clean ">复 制</a>
- </div>
- </div>
- "
配置说明 path:swf 的路径 (复制主要是用 flash 解决不同浏览器的复制) copy: 待复制的内容, 可以是静态内容, 也可以 return 动态内容 beforeCopy: 复制之前要做的 function; afterCopy: 复制之后要做的 function;
提供了 3 个方法 show:$(selected).zclip('show');// 复制功能有效 hide:$(selected).zclip('hide');// 复制功能无效 remove:$(selected).zclip('remove');// 完全移除复制功能
2、演示效果 运行成功后,点击复制按钮,会弹出一个提示框,表示复制到剪切板生效了,如下:
弹出框出现 "Copied text to clipboard" 英文字符,有点不符国人使用习惯,把它改为 "成功复制到剪切板",在 jquery.zclip.min.js 文件中找到 "Copied text to clipboard" 替换成 "成功复制到剪切板" 就可以了,效果如下:
来源: http://www.phperz.com/article/17/0418/268895.html