h5 商城订单号实现一键复制+clipboard.js(pc,ios,android均可使用)
1.在移动项目中订单号复制功能,兼容pc和ios、android <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style> *{ margin:0; padding:0; } html,body{ width:100; } p{ height:40px; width:100%; } i{ color:#D72926; } </style> </head> <body> <p class="top"><span>订单号</span><span><str id="fe_text">1111111111111</str><i id="d_clip_button" data-clipboard-target="str">复制</i></span></p> </body> </html> <script type="text/javascript" src="js/clipboard.min.js"></script> <script> var clipboard = new Clipboard('#d_clip_button'); clipboard.on('success', function(e) { console.log(e); alert('复制成功') }); clipboard