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"
});
时间: 2024-10-11 06:46:21

jQ复制按钮的插件zclip的相关文章

js插件zClip实现复制到剪贴板功能

之前在一个项目中用过插件,但是最近又要做,发现,出现问题了,根据以往记忆做好,检查了所有问题,还是不出现,元素是绑定了zclip_type这个事件,就是弹出不显示,想了下,查看html结构元素一看,问题发现,覆盖的层定位有问题.相对body定位了,没有相对td定位. 一,准备工作. 准备好jquery,然后去http://www.steamdev.com/zclip/这里下载jquery.zclip.js和ZeroClipboard.swf ,不过那里的ZeroClipboard.swf下载地址

点击按钮复制文本内容 -- jquery Zclip -- Zero Clipboard

今天,经理让我做一个功能,复制文本框中的代码.以前在其他网站上经常见到过这个功能.只不过没有细细研究,今天也是个机会. 这里我使用的事jquery的zeroclipboard来实现复制功能.代码内容很简单,网上也有很多资料. Zero Clipboard作为一个独立的js库,它利用 Flash 进行复制,需要两个文件:ZeroClipboard.js 和 ZeroClipboard.swf . 具体实现如下: jsp页面:  <p>                               

JS 点击复制按钮 将文字复制到手机剪贴板

我们在制作移动端网页的时候,经常会遇到这样一个问题,如何点击一个"复制"按钮,把一串文字复制到手机剪贴板,如上图所示. 看了网上的一些方法后,感觉那些方法都太复杂,有点要用插件,有的需要安装flash,但是这些对于手机等移动设备都不太合适,那么有没有一个简单点的办法呢? 今天,我们就来介绍一个简单实用的好方法: ①首先,我们把需要复制的部分 做成一个readonly的input, ②复制按钮的id 我这里设置成:js-copy-text, ③js如下: <script> $

Eclipse 复制按钮卡死

复制按钮和按住CTRL链着超链接 有冲突,Eclipse不知道是复制还是链到元素,所以卡死 Eclipse/MyEclipse中使用复制粘贴功能卡的解决办法 最近在MyEclipse中编辑代码时,使用快捷键进行复制粘贴,经常会导致编辑器短暂的停顿,光标不跟随,居然反应不过来,几近假死. 想来想去应该是编辑上的什么配置或者是IDE的什么功能导致,于是进入Preferences查找edit功能,进行一个个的测试,最后发现原来是代码的超链功能导致. 进入方法:Window -> Preferences

添加产品唯一性限制以后,复制按钮不能使用

使用api.constrains限制了产品的name,目的是让产品的名称唯一,但没想到的是使用复制的时候,会报错,说是已经存在的产品名称,去掉限制以后发现产品名称只有一个,复制出来的产品名称后会有一个副本的标识,可是为什么会报这样的一个错误呢? 经过一番研究,发现点击复制按钮以后,会调用两次contrains的check方法,一次使用的是产品名称(副本),第二次使用的是产品名称,然后使用search方法搜索,得到的结果居然是2个! 为什么会调用两次check方法呢?后来在父类的copy方法中找到

js复制按钮在ie下的解决方案

源码如下: <input class="width200" maxlength="32" type="text" id="strNum" name="strNum" value="这是要复制的内容"/> <input class="btn_blue" type="button" value="点击复制" onc

JQ——表单验证插件(validation)

1.使用validation插件先要下载相应文件: 打开dist文件夹: 打开dist中的localization文件夹(控制汉字): 打开该文件,主要内容如下: 1 required: "这是必填字段", 2 remote: "请修正此字段", 3 email: "请输入有效的电子邮件地址", 4 url: "请输入有效的网址", 5 date: "请输入有效的日期", 6 dateISO: "

JQ下的常见插件

插件的概述:插件是以 jQuery 的核心代码为基础,编写出复合一定规范的应用程序.也就是说,插件也是 jQuery 代码,通过 js 文件引入的方式植入即可. 插件的种类很多,达上千种,主要大致可以分为:UI 类.表单及验证类.输入类.特效类.Ajax类.滑动类.图形图像类.导航类.综合工具类.动画类等等. 如何引用插件? 引入插件是需要一定步骤的,基本如下: 1.必须先引入 jquery.js 文件,而且在所有插件之前引入: 2.引入插件: 3.引入插件的周边,比如皮肤.中文包等. 插件注意

jq无缝滚动效果插件(之前的那个升级改造加强版)

scroll滚动插件 支持上下左右,淡入淡出,滚动时间设置,动画时间设置,鼠标经过是否停止设置 默认配置参数可修改 $(".content").easysroll({ //默认配置参数 direction: "left", //滚动方向 left(向左)right(向右) top(向上) bottom(向下) 默认left numberr: "1", //每一次滚动数量 默认是1 delays:"1000",//完成一次动画所