js实现点击网页任何位置复制内容-自动复制支付宝红包口令

这几天支付宝在搞一个花呗红包赚赏金，呃，不对，是一直都有，这几天只是更火爆了！于是打算在自己的网站上加上点“神秘代码”赚点赏金，于是开始了研究....

思路：目前js暂时不支持无需用户操作直接打开某网址强制用户复制在粘贴板上内容，所以只能做到打开网址点击任何位置即可复制内容。

先分享个我的码：打开支付宝首页搜索“516801986” 立即领红包或者扫下方码

代码：
新建zfb.js，复制下面内容，Zhi变量改成自己要的内容

{
  var Zhi = '516801986';   //此处编辑内容哦
  var newscript = document.createElement('script');
  newscript.setAttribute('type','text/javascript');
  newscript.setAttribute('src','https://cdn.bootcss.com/clipboard.js/2.0.1/clipboard.js');
  var head = document.getElementsByTagName('head')[0];
  head.appendChild(newscript);
  document.writeln('<input id="foo" readonly="readonly" style="position: fixed;left:-100%;top:50%" value="'+Zhi+'">');
  function zhiFuBaoUrlSearch(str) {
    var name, value;
    var num = str.indexOf("?");
    var params = [];
    str = str.substr(num + 1);
    var arr = str.split("&");
    for (var i = 0; i < arr.length; i++) {
      num = arr[i].indexOf("=");
      if (num > 0) {
        name = arr[i].substring(0, num);
        value = arr[i].substr(num + 1);
        params[name] = value;
      }
    }
    return params;
  }
  function zhiFuBaoSetClassAndAttribute(elements){
    for (var e = 0;e<elements.length;e++){
      Celement = document.querySelectorAll(elements[e]);
      for (var i = 0;i<Celement.length;i++){
        Celement[i].className += ' Clipboard';
        Celement[i].setAttribute("data-clipboard-target", "#foo");
      }
    }
  }
  window.onload = function () {
    js_url = document.getElementById('zhifubaoJs').src;
    $_GET = zhiFuBaoUrlSearch(js_url);
    if ($_GET['hasInput'] === undefined){
      zhiFuBaoSetClassAndAttribute(['body']);
    }else{
      zhiFuBaoSetClassAndAttribute(['button',"input[type='button']",'img','span','a','h1','h2','h3','p']);
    }
    new ClipboardJS('.Clipboard');
  };

使用：
适当位置引用即可

<script id="zhifubaoJs" src="./zhifubao.js"></script>

然后访问下嵌入的页面，随便点击屏幕，手机随便滑动即可实现复制到粘贴板。