zoukankan      html  css  js  c++  java
  • JQery插件zClip ----实现粘贴复制功能

    使用了这个插件,但是用在table,td中话,我是一个列表来的,对此使用此插件还是有点问题的?点击其中的一个会全部都被选中。

    <script type="text/javascript" src="web/js/jquery.js"></script>  
    <script type="text/javascript" src="web/zclip/jquery.zclip.min.js"></script>  
    <script type="text/javascript">  
    var cfg={
            path: "ZeroClipboard.swf",
            copy: function(){
            return $(this).text();
            },
            beforeCopy:function(){/* 按住鼠标时的操作 */
                $(this).css("color","orange");
            },
            afterCopy:function(){/* 复制成功后的操作 */
                var $copysuc = $("<div class='copy-tips'><div class='copy-tips-wrap'>复制成功</div></div>");
                $("body").find(".copy-tips").remove().end().append($copysuc);
                $(".copy-tips").fadeOut(3000);
            }
        };
    $(document).ready(function(){
        $(".copy").mouseover(function(){
           if(!$(this).data('init')){$(this).zclip(cfg);$(this).data('init',true)}
      })
    });
    </script>
     
    <div class="copy" >内容一</div>
    <div class="copy">内容二</div>
    <div class="copy">内容三</div>

    配置说明
    path:swf的路径(复制主要是用flash解决不同浏览器的复制)
    copy:待复制的内容, 可以是静态内容, 也可以 return 动态内容
    beforeCopy:复制之前要做的function;
    afterCopy:复制之后要做的function;

    提供了3个方法
    show:$(selected).zclip('show');//复制功能有效
    hide:$(selected).zclip('hide');//复制功能无效
    remove:$(selected).zclip('remove');//完全移除复制功能

  • 相关阅读:
    《Python自动化运维:技术与最佳实践》
    舍本求末的运维自动化技术热潮
    Policy Gradients
    Machine Learning Notes Ⅵ
    Machine Learning Notes Ⅴ
    Machine Learning Notes Ⅳ
    Machine Learning Notes Ⅲ
    Machine Learning Notes Ⅱ
    Machine Learning Notes Ⅰ
    在Linux系统中如何把文件拷贝到U盘
  • 原文地址:https://www.cnblogs.com/smallyi/p/6732007.html
Copyright © 2011-2022 走看看