复制功能的兼容性写法 

     <!DOCTYPE html>
     <html>
     <head>
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
     <title>复制按钮</title>
     <script src="scripts/jquery-1.7.2.min.js" ></script>
     <script src="scripts/ZeroClipboard.min.js"></script>
     <script>
     $(function(){
     load_after()
     })
     function load_after(){
     for(var i=0;i<$(".copy_a").length;i++){
     var clip = new ZeroClipboard($(".copy_a")[i], {moviePath: "swf/ZeroClipboard.swf"});
     clip.on('complete', function(client, args) {
     alert("复制成功");
     });
     }
     }
     </script>
     </head>
     <body>
     <p class="cardtext"><em id="co_text0">2547Y-2FH65-NE76A-UX1861</em> <a href="javascript:;" class="copy_a" data-clipboard-target="co_text0">复制</a></p> 
     <p class="cardtext"><em id="co_text1">2547Y-2FH65-NE76A-UX1862</em> <a href="javascript:;" class="copy_a" data-clipboard-target="co_text1">复制</a></p> 
     <p class="cardtext"><em id="co_text2">2547Y-2FH65-NE76A-UX1863</em> <a href="javascript:;" class="copy_a" data-clipboard-target="co_text2">复制</a></p> 
     <p class="cardtext"><em id="co_text3">2547Y-2FH65-NE76A-UX1864</em> <a href="javascript:;" class="copy_a" data-clipboard-target="co_text3">复制</a></p> 
     </body>
     </html>

 



posted on 2015-06-05 12:15  timesons  阅读(193)  评论(0)    收藏  举报