搜索

当前位置:首页 > 全栈分享 > JavaScript > 正文

点击文字即可将文字复制到粘贴板的实现方法

发布时间:2018-02-08 22:14:35作者:魏义齐阅读:()

本文为博主原创文章,未经博主允许不得转载。

竞价单页面为使访问者更方便的复制微信号,点击即可复制微信号成为竞价操控人员对页面的强烈要求。

全部代码如下:
  1. <!doctype html> 
  2. <html> 
  3. <head> 
  4.     <meta charset="utf-8"> 
  5.     <meta name="viewport" 
  6.           content="width=device-width,inital-scale=1.0,minimum-scale=0.5,maximum-scale=2.0,user-scalable=no"> 
  7.     <title>点击对象即可复制到粘贴板的实现方法</title> 
  8.     <script src="js/jquery-3.1.1.min.js"></script> 
  9.     <script src="js/clipboard.min.js"></script> 
  10. </head> 
  11.  
  12. <body> 
  13. <p class="wxh">chuyun2014</p> 
  14. <script> 
  15.     $(function () { 
  16.         var clipboard = new Clipboard('.wxh', { 
  17.             target: function () { 
  18.                 return document.querySelector('.wxh'); 
  19.             } 
  20.         }); 
  21.         clipboard.on('success', function (e) { 
  22.             alert('微信号复制成功,添加博主微信请注明来意'); 
  23.             $.ajax({ 
  24.                 type: "post", 
  25.                 url: ajax_url_copy, 
  26.                 async: true, 
  27.                 dataType: "json", 
  28.                 success: function (data) { 
  29.                     window.location.href = "weixin://"
  30.                 } 
  31.             }) 
  32.         }); 
  33.         clipboard.on('error', function (e) { 
  34.  
  35.             alert('请长按微信号“选择复制”进行复制!!'); 
  36.             $.ajax({ 
  37.                 type: "post", 
  38.                 url: ajax_url_copy, 
  39.                 async: true, 
  40.                 dataType: "json", 
  41.                 success: function (data) { 
  42.                 } 
  43.             }) 
  44.         }); 
  45.     }) 
  46. </script> 
  47. </body> 
  48. </html> 
测试链接:https://www.weiyiqi.net/lookdoc/clickcopy/

下载链接:https://pan.baidu.com/s/1pNmOAT1 提取密码:o182

本文标签:,您可以阅读与「」相关的所有文章

魏义齐全栈技术交流:魏义齐全栈技术交流

相关阅读

    无相关信息

上一篇:slide Toggle()方法如何先后执行两次下一篇:打开页面自动滚动到指定位置的实现方法

赞助本站

原创不易,您的赞助就是博主更新的动力!

赞助本站可在赞助光荣榜留下外链信息,支付宝扫此二维码可领红包