多个文本框点击复制 zClip （ZeroClipboard）有关问题

最新推荐文章于 2024-09-11 16:28:03 发布

weixin_34034261

最新推荐文章于 2024-09-11 16:28:03 发布

阅读量93

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/qq350760546/p/5464628.html

本文介绍如何使用 ZeroClipboard 实现多个点击复制功能，并提供了一种简洁的方法来为不同的复制按钮绑定对应的复制文本。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

以上用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

转载于:https://www.cnblogs.com/qq350760546/p/5464628.html