<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. Idea 13 新建maven项目

    1.此时生成的maven项目没有web文件夹 file→New Project→Maven→Next→GID.AID (NewDemo)→Next→ProjectName(NewDemo)→Finis ...

  2. mysql中“Table ‘’ is read only”的解决办法

    之前是在linux下面直接Copy的data下面整个数据库文件夹,在phpMyAdmin里面重新赋予新用户相应权限后,drupal成功连接上数据库.但出现N多行错误提示,都是跟Cache相关的表是‘R ...

  3. icvSetWeightsAndClasses

    /* *icvSetWeightsAndClasses *作用:给训练样本的权重和类别赋值 */ static void icvSetWeightsAndClasses( CvHaarTraining ...

  4. linux下weblogic11g成功安装后，启动报错Getting boot identity from user

    <2015-7-1 下午05时46分33秒 CST> <Info> <Management> <BEA-141107> <Version: Web ...

  5. HiWorkV1.3版震撼公布，今日起正式公开測试！

    今天HiWork迎来了公开測试和V1.3大版本号更迭,HiWork集成的机器人达到20种,未读消息提醒亦可从不同维度进行设置,不断变好真是件振奋人心的事儿呢. 在这个看重颜值(kan lian)的互联 ...

  6. hdu1133 Buy the Ticket （卡兰特数应用+java大数）

    题目链接:http://acm.hdu.edu.cn/showproblem.php? pid=1133 [题意] 电影票50块一张 有m个人手里正好有50块,n个人手里正好有100块,售票厅開始没有 ...

  7. 4 Ionic导航和核心组件--旅游应用

    简介:在本节课中,我们将会通过一个虚构的旅游景点来构建一款功能完善的应用.本应用的核心特性是管理用户的应用内导航.本节课的主要目的,是展现构建一个完整的应用的过程. 无论是什么移动应用,最重要的功能之 ...

  8. Android 常用Shell命令

    1.查询模拟器/设备实例 adb devices 2.从模拟器/设备中拷入或拷出文件(默认拷贝在执行目录) 从模拟器或者设备中复制文件或目录,使用(如下命): adb pull <remote& ...

  9. 用bis和bic实现位级操作

    20世纪70年代末至80年代末,DigitalEquipment的VAX计算机是一种非常流行的机型.它没有布尔运算AND和OR指令,仅仅有bis(位设置)和bic(位清除)这两种指令.两种指令的输入都 ...

  10. appche配置访问限制

    1. 禁止访问某些文件/目录增加Files选项来控制,比如要不允许访问 .inc 扩展名的文件,保护php类库:<Files ~ "\.inc$">   Order a ...