zoukankan      html  css  js  c++  java
  • 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 免费学习领取最新的前端学习资源
  • 相关阅读:
    UVA 1599 Ideal Path(双向bfs+字典序+非简单图的最短路+队列判重)
    UVA 1572 Self-Assembly(拓扑排序)
    最大流当前弧优化Dinic分层模板
    POJ 3683.Priest John's Busiest Day 2-SAT
    n的m划分 整数拆分问题
    表达式计算
    大白书中无向图的点双联通分量(BCC)模板的分析与理解
    Codeforces 766D. Mahmoud and a Dictionary 并查集 二元敌对关系 点拆分
    树状数组入门
    Tire树入门专题
  • 原文地址:https://www.cnblogs.com/qianduanshiping/p/11826838.html
Copyright © 2011-2022 走看看