宝哥软件园

jQuery zclip插件实现跨浏览器复制功能

编辑:宝哥软件园 来源:互联网 时间:2021-09-28

JQuery-zclip是一个将内容复制到剪贴板的JQuery插件,所以我们不需要考虑不同浏览器和浏览器版本之间的兼容性。jQuery-zclip插件需要Flash的支持,所以使用时记得安装Adobe Flash Player。

1.jQuery-zclip的用法。

//介绍jQuery-zclip相关的js和swf文件script type=' text/JavaScript ' src=' http 3360%=path %/resources/js/jQuery . min . js '/script script type=' text/JavaScript ' src=' http :%=path %/resources/js/jQuery . zclip . min . js '/script script type=' text/JavaScript ' $(function(){ $(' # CP-BTN ')。zclip({ path : ' %=path %/resources/js/ZeroClipboard.swf ',//记得在项目中引入zero clipboard . swf。copy 3360 function(){ return $(' # invite URL ')。val();} });});/script div class=form-row div class=col-MD-5 input class=form-control value=' ' ' Id=' inviterll '//div div class=col-MD-1 a href=' JavaScript : void(0)Id=' CP-BTN ' class=' btnbtn-defaultbtn-blockbtn-clean ' copy/a/div/div配置描述path:swf路径(复制主要使用flash解决不同浏览器的复制)copy3360需要复制的内容可以AfterCopy:复制后要做的功能;

三种方法显示: $(选中)。提供了zclip ('show ')。//复制功能有效隐藏: $(选中)。zclip(' hide ');//无效的复制函数remove: $(选中)。zclip(' remove ');//完全删除复制功能。

2.演示效果运行成功后,点击复制按钮,弹出提示框,表示复制到剪贴板有效,如下图:

弹出框中出现英文字符“复制文本到剪贴板”,这与中国人的使用习惯有些不一致。将其更改为“成功复制到剪贴板”。在jquery.zclip.min.js文件中找到“已将文本复制到剪贴板”,并替换为“已成功复制到剪贴板”。效果如下:

以上就是边肖编写的关于jQuery zclip插件实现跨浏览器复制功能的全部内容。希望对大家的学习有帮助。

更多资讯
游戏推荐
更多+