【未利用地】利用jquery.zclip复制网页内容到剪切板

【www.bbyears.com--jquery】

核心代码

 代码如下

("input").zclip({
    path: "http://steamdev.com/zclip/js/ZeroClipboard.swf",
    copy: $("p").html(),
    beforeCopy:function(){
        console.log("复制之前");
    },
    afterCopy:function(){
        alert("复制成功");
        console.log("复制之后");
    }
});

PS:
这个插件必须在http服务器中才能运行！在本地无效.

例子

 代码如下

   
       
       
       
   
   
       
           

Hello Word! Welcome to http://www.111cn.net/

           
       
       

这个操作剪切板的插件不支持动态变化的！它的copy属性的值是它一初始化的时候就固定的。

       

这个插件必须在http服务器中才能运行！在本地无效

       

官方网站

        <script src="http://code.jquery.com/jquery.min.js"></script>
        <script src="http://steamdev.com/zclip/js/jquery.zclip.min.js"></script>
        <script>
            $(function(){
                $("input").zclip({
                    path: "http://steamdev.com/zclip/js/ZeroClipboard.swf",
                    copy: $("p").html(),
                    beforeCopy:function(){
                        console.log("复制之前");
                    },
                    afterCopy:function(){
                        alert("复制成功");
                        console.log("复制之后");
                    }
                });
            });
        </script>
   

本文来源：http://www.bbyears.com/wangyezhizuo/51037.html