jquery的zclip插件实现复制文本到剪切板

    xiaoxiao2021-03-25  134

    注意;先在网上下载jquery-zclip-master插件

    以下代码最好在服务器下运行

    <!doctype html>

    <html lang="en"> <head>     <meta charset="UTF-8">     <meta name="viewport"           content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">     <meta http-equiv="X-UA-Compatible" content="ie=edge">     <title>jquery的zclip插件实现复制文本到剪切板</title>     <script src="./jquery-1.10.2.min.js"></script>       <script src="./jquery-zclip-master/jquery.zclip.js"></script> </head>     <body>         <textarea id="cop" cols="30" rows="10">需要复制的内容</textarea>           <button id="copy">copy</button>       </body> </html> <script>           $('#copy').zclip({               path: './jquery-zclip-master/ZeroClipboard.swf',  /*注:此处路径一定要保证正确*/             copy: function(){  /*复制内容*/               return $(this).siblings('#cop').val();             },               beforeCopy:function(){  /* 按住鼠标时的操作 */                 $(this).css("color","orange");             },             afterCopy: function(){  /*复制成功后的操作*/                   alert("复制成功")               }           });   </script>  
    转载请注明原文地址: https://ju.6miu.com/read-3906.html

    最新回复(0)