Clipboard.js移动端【ios】复制事件不生效解决方法

在需要添加复制事件的元素增加Css样式:

cursor: pointer; 要给点击复制的按钮加这个属性才能在移动端好用。

苹果和安卓百分百好用。

    // $(function(){
    //   var clipboard = new Clipboard('.copywx');       
    //       clipboard.on('success', function(e) {      
    //           console.info('Action:', e.action);
    //           console.info('Text:', e.text);
    //           console.info('Trigger:', e.trigger);    
    //           _czc.push(["_trackEvent","复制了微信","复制了微信","点击添加微信按扭"]);
    //           window.location.href='weixin://';
    //           e.clearSelection();   


    //       }); 
    // })
    // 微信复制统计
    $("body").bind('copy', function () {
      // _czc.push(["_setAccount", "1277938896"]);
      _czc.push(['_trackEvent', '微信复制', '复制']);
      window.location.href = "weixin://";
      console.log('11');
    });


    //alert(999);
    (function () { //可以不使用立即执行函数
      var clipboard = new Clipboard('.copywx');
      clipboard.on('success', function (e) {
        /*console.info('Action:', e.action);      
        console.info('Text:', e.text);      
        console.info('Trigger:', e.trigger); */
        console.info('Action:', e.action);
        console.info('Text:', e.text);
        console.info('Trigger:', e.trigger);
        alert("微信复制成功,请添加朋友!");
        //htmlobj=$.ajax({url:"/Fzsj/fzcl/wxid/6890",async:false});
        // _czc.push(["_trackEvent", '微信', '复制', '添加好友', 1, "wxfzl"]);
        _czc.push(["_trackEvent", '微信添加', '复制', '添加好友']);
        window.location.href = 'weixin://';
        e.clearSelection();
      });
    })();



    /*
      针对一些浏览器点击复制不能弹窗的增加一个类点击事件
    */
    $(function () {
      /*
      点击复制块
    */


      $(".copywx").click(function () {

        //var wxz=document.getElementById("hqwxz"); 
        //alert(wxz);
        //hqwxz.select(); // 选择对象 
        //document.execCommand("Copy"); // 执行浏览器复制命令 
        alert("已复制微信,马上去添加好友");

        // htmlobj = $.ajax({ url: "/Fzsj/fzcl/wxid/6890", async: false });
        // /*
        //    按几率回传事件
        // */
        // var sjszd = '';
        // if (sjszd < 2) {
        //   sjszd = 1;
        // }
        // var sjs = Math.floor(Math.random() * sjszd);
        // //sjs = 5;
        // if (sjs < 2) {
        //   _taq.push({ convert_id: "", event_type: "wechat" });
        // }
        // _czc.push(["_trackEvent","复制了微信","复制了微信","点击添加微信按扭",1,"wxfzl"]);
        _czc.push(["_trackEvent", '微信', '复制', '添加好友', 1, "wxfzl"]);
        window.location.href = 'weixin://';
      });
    });
微信公众号:jingfeng18 免费学习领取最新的前端学习资源
原文地址:https://www.cnblogs.com/qianduanshiping/p/11826838.html