zoukankan      html  css  js  c++  java
  • 微信中一些常用的js事件积累

    1.网页图片集左右滑动查看图片,如下样例:

    jjs效果

    var pictures = [];

     angular.forEach(pitctures,function(k,i){
             pictures[i] = k.imgPath;
     });

     $scope.previewPics = function(currentUrl){
            if (typeof window.WeixinJSBridge != 'undefined') {
                //微信图片集查看
                WeixinJSBridge.invoke('imagePreview', {
                    'current':currentUrl, //当前地址
                    'urls':pictures //组
                });
            } else {
                alert( "请在微信中查看", null, function () {});
            }
        }

    页面元素:

      <div class="infoPics">
               <div class="picImg" ng-repeat="picture in info.infoContent.pitctures">
                    <img ng-src="{{picture.imgPath}}" ng-click="previewPics(picture.imgPath)">
               </div>
         </div>

    2.微信窗口关闭事件,实例如下:

     WeixinJSBridge.invoke('closeWindow',{},function(res){
           //alert(res.err_msg);
     });

    3.分享网页链接至朋友、朋友圈、微博

    var lineLink = 'http://../..',

      imgUrl = 'http://../..',

      shareTitle = '页面标题',

      descContent='内容简介',

      appid = '';

    //判断是否支持微信js

     if(typeof WeixinJsBridge == 'undefined'){

      if(document.addEventListener){

        document.addEventListener('WeixinJsBridgeReady',onBridgeReady,false);

      }else if(document.attachEvent){

        document.attachEvent('WeixinJsBridgeReady',onBridgeReady);

        document.attachEvent('onWeixinJsBridgeReady',onBridgeReady);

      }

     }else{

      onBridgeReady();

     }

    function onBridgeReady (){

      WeixinJsBridgeReady.on('menu:share:appmessage',wx_shareFriend);//分享朋友

      WeixinJsBridgeReady.on('menu:share:timeline',wx_shareTimeline);//分享到朋友圈

      WeixinJsBridgeReady.on('menu:share:weibo',wx_shareWeibo);//分享朋友

    }

    function wx_shareFriend (){

      WeixinJsBridge.invoke('sendAppMessage',{

        "appid":appid,

        "img_url":imgurl,

        "img_width":'640',

        "img_height":'500',

        "link":lineLink,

        "desc":descContent,

        "title":shareTitle

        },function(res){

          console.log(res.err_msg);

        }

      });

    }

    function wx_shareTimeline (){

      WeixinJsBridge.invoke('sendTimeline',{

        "appid":appid,

        "img_url":imgurl,

        "img_width":'640',

        "img_height":'500',

        "link":lineLink,

        "desc":descContent,

        "title":shareTitle

        },function(res){

          console.log(res.err_msg);

        }

      })

    }  

    function wx_shareWeibo (){

      WeixinJsBridge.invoke('sendWeibo',{

        "appid":appid,

        "img_url":imgurl,

        "img_width":'640',

        "img_height":'500',

        "link":lineLink,

        "desc":descContent,

        "title":shareTitle

        },function(res){

          console.log(res.err_msg);

        }

      })

    }

    4.隐藏网页右上角按钮

     WeixinJsBridge.call('hideOptionMenu'); 

    5.隐藏网页底部导航栏

     WeixinJsBridge.call('hideToolbar');

    6.获取当前网络连接类型:

     WeixinJsBridge.invoke('getNetworkType',{},function(e){

        console.log(e.err_msg);

     })

    7.禁止用户分享

      WeixinJsBridge.invoke('disabledShare',{},function(e){

      })

    8.判断是否在微信内置浏览器中打开

      // true or false

      var flag = WeixinApi.openInWeixin();

    每天进步一点点!
  • 相关阅读:
    java 多线程 Callable -- 分段处理一个大的list 然后再合并结果
    java实现 比较两个文本相似度-- java 中文版 simHash 实现 ,
    spring 多线程 写入数据库 和 写入 xml文件
    爬虫入门 手写一个Java爬虫
    java web 入门级 开发 常用页面调试方法
    Java 递归调用 recursive 给一个参数 返回一大堆
    javaWeb 基础知识
    用 eclipse 创建一个简单的 meaven spring springMvc mybatis 项目
    【题解】【LibreOJ Beta Round #5】游戏 LOJ 531 基环树 博弈论
    【题解】Popping Balls AtCoder Code Festival 2017 qual B E 组合计数
  • 原文地址:https://www.cnblogs.com/zijuan/p/4330594.html
Copyright © 2011-2022 走看看