jQ复制按钮的插件zclip

zclip官网：http://www.steamdev.com/zclip/

swf文件国内下载：ZeroClipboard.swf

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

使用方法：

1、先引入JQ库与插件文件：

<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.zclip.js"></script>

2、然后用使用官方提供的调用方法：

$(document).ready(function(){$('a#copy-description').zclip({path:'js/ZeroClipboard.swf',copy:$('p#description').text()
});
// The link with ID "copy-description" will copy
// the text of the paragraph with ID "description"

$('a#copy-dynamic').zclip({path:'js/ZeroClipboard.swf',copy:function(){return $('input#dynamic').val();}
});
// The link with ID "copy-dynamic" will copy the current value
// of a dynamically changing input with the ID "dynamic"
});

这是我项目里面用到的写法：

 $('.aff_info ul li input[type="button"]').zclip({path:'/templates/default/images/copy-btn/ZeroClipboard.swf',copy:function(){return $(this).siblings('input[type="text"]').val(); },beforeCopy:function(){console.log("copy success"); },afterCopy:function(){$(this).css('background','#999999');$(this).parent().siblings().find('input[type="button"]').css('background','#444444'); }});

转载于:https://www.cnblogs.com/3box/p/4580324.html

jQ复制按钮的插件zclip相关推荐

js 一键复制html,js插件clipBoard.js实现一键复制
clipboard.js不需要jquery依赖,也不需要flash的支持,而另一个插件zClip需要依赖于flash,clipboard.js显得更加灵活. 引入clipboard.js 使用方法va ...
点击复制按钮复制input中的内容
<input type="text" id="input" readonly value="点击按钮复制此文本!!"></ ...
怎么把csdn博客白色的代码样式改成黑色且有个复制按钮的样式
对于博客小白来说,也就是我,刚开始使用博客时,系统给的默认样式是,如下图,白色背景,没有复制按钮,不能一键复制,不方便,看起来也没有黑色舒服. 发布之后,就是预览的样子.不是我想要的样子. 看人博客是 ...
CSDN下载页面无下载按钮谷歌插件（净网大师导致）
[by 明明如月转载请注明出处] 最近不知道是安装了什么软件或者其他原因导致 CSDN下载页面的下载按钮不显示 (经过对比是 "净网大师",因为下载按钮的class 含有a ...
金蝶K/3 wise基础资料界面复制按钮灰色无法选中的问题
项目场景:K/3 wise基础资料界面复制按钮灰色无法选中的问题问题描述复制按钮呈现灰色无法选中原因分析: 1.是否具有复制权限 2.是否在参数设置界面将"不显示项目移动数据&quo ...
php点击复制按钮到我的粘贴板,JS 实现点击按钮复制内容到粘贴板 clipboard
具体实现如下: 点击按钮复制内容到粘贴板 body { text-align: center; } #p1 { line-height: 150px; font-size: 40px; } #sour ...
jquery获取手机验证码按钮计时插件getVerifyCode.js
在我们一个项目切图中,碰到一个效果是点击发送验证码,然后按钮的文字变成"还有xx秒后重试" 这样的效果,想必如果你是一名设计师,你应该也这样设计过,但是前端要如何实现? 碰到这个问 ...
html排序按钮_插件分享 | 可进行排序扫描任务的Task Queue
前言:在以往hvv场景中使用Goby的过程总是存在一个痛点:时间短,目标多,只能盯着扫描进度结束后才能手动返回到初始界面开启下一个扫描任务(内心极度狂躁).本次Goby更新后又开放了新的插件入口点以及 ...
html按钮分享功能实现,一个分享按钮的插件使用介绍（可扩展，内附开发制作流程）...
前几天由于工作需要制作一个分享按钮,考虑到后续其他项目可能也会用到,于是就打算写成插件化,正好也给我自己的插件jquery.hooray增加一个新的功能,为了不浪费大家时间,我先把demo放出来,如果 ...

jQ复制按钮的插件zclip

jQ复制按钮的插件zclip相关推荐

最新文章

热门文章