博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
多个文本框点击复制 zClip (ZeroClipboard)有关问题
阅读量:6950 次
发布时间:2019-06-27

本文共 1549 字,大约阅读时间需要 5 分钟。

<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)
引用:

  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

你可能感兴趣的文章
备用java方法
查看>>
openlayers加载切片地图
查看>>
CentOS7部署Kubernetes集群
查看>>
使用hyperpacer实现AWR报告的同步收集
查看>>
linux 下mysql的乱码问题
查看>>
mongodb删除重复数据
查看>>
橡皮泥_愤怒的小鸟
查看>>
CentOS6.5最小化安装,自定义安装包
查看>>
扩展jQuery easyui datagrid增加动态改变列编辑的类型
查看>>
通过Linux shell实现的花生壳动态域名解析(DDNS)
查看>>
Mysql 生成按月份统计SQL语句,为null设置为0
查看>>
1.6的锁优化(适应性自旋/锁粗化/锁削除/轻量级锁/偏向锁)
查看>>
使用 IntraWeb (17) - 基本控件之 TIWRadioButton、TIWRadioGroup、TIWCheckBox
查看>>
CSS解决高度自适应问题
查看>>
Thinkpad ACCESS CONNECTIONS异常解决
查看>>
ubuntu16.04 安装 操作 redis
查看>>
PHP文件上传-单文件上传函数
查看>>
通过SNMP获取接口速率 32位与64位的区别
查看>>
(1)Powershell简介
查看>>
Logtail提升采集性能
查看>>