首页 > 其他 > 详细

弹出层中都可以用的复制功能

时间:2015-01-07 18:36:08      阅读:305      评论:0      收藏:0      [点我收藏+]
<html>
<head>
<title>复制案例</title>
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
</head>
<body>
    <p>兑换码:<em id="num_input">32132132132131</em></p>
    <a class="copy" id="copy" data-clipboard-target="num_input" href="javascript:;">复制</a>
</body>
<script type="text/javascript" src="js/ZeroClipboard.js"></script> 
<script type="text/javascript">
    if($.browser.version==6.0){
        //针对ie6
        $(#num_copy).click( function (){
            var code=$("#num_input").val();
            window.clipboardData.setData("Text",code);
            alert("复制成功!");
        });
    }else{
        var clip = new ZeroClipboard($("#copy"));
        ZeroClipboard.config( {
            forceHandCursor: true
        });
        ZeroClipboard.on("aftercopy", function(e) {
            alert("复制成功!");
            ZeroClipboard.deactivate();
        });
    }
</script>
</html>

js中需要放一个ZeroClipboard.swf去加载,否则不能生效,需要的文件自己在网上可以很容易找到。

弹出层中都可以用的复制功能

原文:http://www.cnblogs.com/djdliu/p/4208908.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!