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

<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
        $('#copy').click( function (){
            var code=$("#num_input").html();
            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去加载，否则不能生效，需要的文件自己在网上可以很容易找到。

posted @ 2015-01-07 17:09  djdliu  阅读(235)  评论(0)  编辑  收藏  举报