码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2015-01-07 18:38:55      阅读:137      评论: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
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!