您的位置:首页 > Web前端 > JavaScript

js插件zClip实现复制到剪贴板功能

2015-07-23 16:43 691 查看
js插件zClip实现复制到剪贴板功能

<script type="text/javascript" src="/js/zclip/jquery1.4.2.js"></script>

<script type="text/javascript" src="/js/zclip/jquery.zclip.js"></script>

<input type="text" name="copy_input" id="copy_input"/>

<script type="text/javascript">

$(document).ready(function(){

    $(".copy_input").zclip({

   

        path: "/js/zclip/ZeroClipboard.swf", 

        copy: function(){      

               

        var num = Math.random(); 

        return $(this).parent().find(".input").val()+num;  

        },
afterCopy: function(){//复制成功 

            $("<span id='msg'/>").insertAfter($('#copy_input')).text('复制成功'); 

        }

    });

}); 

</script>

复制文本框中链接到剪切板

<input type="text" value="www.baidu.com" id="link">

<span id="copyBtn">链接</span>

<script>

        $('#copyBtn').zclip({

            path: "ZeroClipboard.swf",

            copy: function(){

                return $('#link').val();

        }

        });

</script>

path:swf调用路径,必须,如js/ZeroClipboard.swf,ZeroClipboard.swf文件已存在下载包中。

copy:复制的内容,必须,任意字符串,也可以是回调函数返回的内容

beforeCopy:复制内容前回调函数,可选
afterCopy:复制内容后回调函数,可选

js文件地址:http://download.csdn.net/detail/u010739973/8926803
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: