<script type="text/javascript" src="js/jquery.min.js"$amp;>amp;$lt;/script>
<script type="text/javascript" src="js/jquery.zclip.js"$amp;>amp;$lt;/script>
<script type="text/javascript"$amp;>amp;$lt;!--
$(document).ready(function(){
    $('a#copy1').zclip({
    path:'js/ZeroClipboard.swf',
    copy:$('p#becopied1').text()
    });
     
    });
    //-->
</script>

<a id="copy1">点击复制</a>
<p id="becopied1">被复制内容1</p>

以上用zClip (ZeroClipboard),jquery+ZeroClipboard+swf的一个点击复制,兼容各浏览器的。
现在问题是我想实现N个点击复制,
<a id="copy2">点击复制</a>
<p id="becopied2">被复制内容2</p>
<a id="copy3">点击复制</a>
<p id="becopied3">被复制内容3</p>
……
n个点击复制事件,需要怎么写呢?我用自定义函数做出来要点击两下才能复制成功。
特此求助! 

2条回答

  $(document).ready(function(){
    var copyButton = 'copy';
    var textInput = 'becopied';
    $('.copy').each(function(){//给每个a标签加上copy样式
        var thisId = this.id.replace(copyButton,'');
        $(this).zclip({
            path:'js/ZeroClipboard.swf',
            copy:$('p#becopied'+thisId).text()
        })
    })
});

感觉copy参数是可以配成函数的,但是不知道到底可不可以,就用这个笨方法吧。。

qingshuijusi     2014-01-28        
评价(0)(0)(0)
引用:

  JavaScript code 1234567891011$(document).ready(function(){    var copyButton = 'copy';    var textInput = 'becopied';    $('.copy').each(function(){//给每个a标签加上copy样式        var thisId = this.id.replace……

是可以。。

  <script>
    $(function () {
        $('a[rel]').zclip({ copy: function () { return $(this.getAttribute('rel')).html(); } });
    });
</script>
<body>
<a rel="#p1">拷贝1</a>
<p id="p1">拷贝内容1拷贝内容1拷贝内容1</p>
<a rel="#p2">拷贝2</a>
<p id="p2">拷贝内容2<br />拷贝内容2</p>
<a rel="#p3">拷贝3</a>
<p id="p3">拷贝内容3<br />拷贝内容3</p>

http://www.educity.cn/wenda/69101.html

多个文本框点击复制 zClip (ZeroClipboard)有关问题的更多相关文章

  1. input文本框点击第一次光标在最右边

    效果: 样式效果引入bootstrap4.0就OK了. HTML代码: <div class="input-group w-25"> <div class=&qu ...

  2. js 点击复制内容

    <textarea id="pushUrlsTxt" rows="5" cols="55"></textarea> ...

  3. JS 点击复制Copy (share)

    分享自:http://www.cnblogs.com/athens/archive/2013/01/16/2862981.html 1.实现点击按钮,复制文本框中的的内容 1 <script t ...

  4. JS 点击复制Copy

    1.实现点击按钮,复制文本框中的的内容 1 <script type="text/javascript"> 2 function copyUrl2() 3 { 4 va ...

  5. js 实现点击复制文本内容

    js  实现点击复制文本内容 <table> <tr><td>姓名:<span onclick="copyContent(this);" ...

  6. Zclip点击复制内容到剪贴板兼容各浏览器

    WEB开发中,要让用户复制页面中的一段代码.URL地址等信息,为了避免用户拖动鼠标再进行右键复制操作而可能出现的差错,我们可以直接在页面中放置一个复制按钮,只需要轻轻一点这个复制按钮,内容将会被复制, ...

  7. SAP四代增强实现:销售订单复制项目文本时不需要显示文本框和回车

    最近接收到一个业务需求,在SAP依据销售订单复制时,如果订单里面的项目有多个文本,系统就会显示复制的文本框处理,让用户选择是否复制,这个就让销售很不舒服,如果有几十个项目,每个项目有几个文本,那就就要 ...

  8. 常见26个jquery使用技巧详解(比如禁止右键点击、隐藏文本框文字等)

      来自:http://www.xueit.com/js/show-6015-1.aspx 本文列出jquery一些应用小技巧,比如有禁止右键点击.隐藏搜索文本框文字.在新窗口中打开链接.检测浏览器. ...

  9. jquery ui autocomplete 实现点击文本框,出现所有查询信息效果,与bootstrap结合使用修改样式

    直接看代码 <!doctype html> <html lang="en"> <head> <meta charset="utf ...

随机推荐

  1. MySQL基础笔记(二) 完整性约束

    我们知道,一种数据模型必须包含三个基本的部分: 构造机制(数据结构):主要描述数据的类型.内容.性质以及数据间的联系等. 运算机制(数据操作):主要描述在相应的数据结构上的操作类型和操作方式. 约束机 ...

  2. asp.net mvc的权限管理设计

    现在集中展示用户-角色-权限管理的功能,因此,所有数据表一律简化处理.   1 后台管理效果 (1)角色管理 (2)权限管理   2 数据库设计(MSSQL) (1)用户表dbo.Users 项 类型 ...

  3. OpenCV实践之路——Python的安装和使用

    本文由@星沉阁冰不语出品,转载请注明作者和出处. 文章链接:http://blog.csdn.net/xingchenbingbuyu/article/details/50936076 微博:http ...

  4. 将C++的标识符转成OC的标识符

    3.将C++的标识符转成OC的标识符 C++的标识符和OC一样由数字字母下划线组成.打头的不是数字.当标识符超过一个单词, C++採用全字母小写.单词间用下划线连接的书写规范,如: bei_jing ...

  5. 怎样将查询到的数据显示在DataGridView中

    背景介绍: 数据库中的T_Line_Info表中存放着学生上机的记录,也就是我们须要查询上机记录的表.当中详细内容为: 界面设计例如以下: watermark/2/text/aHR0cDovL2Jsb ...

  6. Android-shareSDK

    1.当数据: 地址:http://sharesdk.mob.com/Download 2.集成数据: DOS命令: java -jar QuickIntegrater.jar    (输入自己的项目名 ...

  7. Linux的进程优先级NI和PR到底有什么区别

    Linux的进程优先级NI和PR到底有什么区别 - 51CTO.COM http://os.51cto.com/art/201605/511559.htm

  8. lsblk df

    df(1) - Linux manual page http://man7.org/linux/man-pages/man1/df.1.html report file system disk spa ...

  9. 设计模式-(14)装饰者模式 (swift版)

    一,概念 装饰者模式(Decorator):动态地为一个对象添加一些额外的职责,若要扩展一个对象的功能,装饰者提供了比继承更有弹性的替代方案. 多组合,少继承 二,UML图 抽象构件类(Compone ...

  10. bzoj2461: [BeiJing2011]符环

    再做水题就没救了 考虑DP...我们把正反面一起弄 fi,j,k,u表示第几个位置,正面多了多少左括号,背面多了多少没办法消的右括号,背面结尾的左括号数 #include<cstdio> ...