微信中一些常用的js事件积累

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


js效果
  1. var pictures = [];
  2. angular.forEach(pitctures,function(k,i){         pictures[i] = k.imgPath; });
  3. $scope.previewPics = function(currentUrl){        if (typeof window.WeixinJSBridge != 'undefined') {            //微信图片集查看            WeixinJSBridge.invoke('imagePreview', {                'current':currentUrl, //当前地址                'urls':pictures //组            });        } else {            alert( "请在微信中查看", null, function () {});        }    }
复制代码

页面元素:
  1.   <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.微信窗口关闭事件,实例如下:
  1. WeixinJSBridge.invoke('closeWindow',{},function(res){       //alert(res.err_msg); });
复制代码

3.分享网页链接至朋友、朋友圈、微博
  1. var lineLink = 'http://../..',
  2.   imgUrl = 'http://../..',
  3.   shareTitle = '页面标题',
  4.   descContent='内容简介',
  5.   appid = '';
  6. //判断是否支持微信js
  7. if(typeof WeixinJsBridge == 'undefined'){
  8.   if(document.addEventListener){
  9.     document.addEventListener('WeixinJsBridgeReady',onBridgeReady,false);
  10.   }else if(document.attachEvent){
  11.     document.attachEvent('WeixinJsBridgeReady',onBridgeReady);
  12.     document.attachEvent('onWeixinJsBridgeReady',onBridgeReady);
  13.   }
  14. }else{
  15.   onBridgeReady();
  16. }

  17. function onBridgeReady (){
  18.   WeixinJsBridgeReady.on('menu:share:appmessage',wx_shareFriend);//分享朋友
  19.   WeixinJsBridgeReady.on('menu:share:timeline',wx_shareTimeline);//分享到朋友圈
  20.   WeixinJsBridgeReady.on('menu:share:weibo',wx_shareWeibo);//分享朋友
  21. }

  22. function wx_shareFriend (){
  23.   WeixinJsBridge.invoke('sendAppMessage',{
  24.     "appid":appid,
  25.     "img_url":imgurl,
  26.     "img_width":'640',
  27.     "img_height":'500',
  28.     "link":lineLink,
  29.     "desc":descContent,
  30.     "title":shareTitle
  31.     },function(res){
  32.       console.log(res.err_msg);
  33.     }
  34.   });
  35. }

  36. function wx_shareTimeline (){
  37.   WeixinJsBridge.invoke('sendTimeline',{
  38.     "appid":appid,
  39.     "img_url":imgurl,
  40.     "img_width":'640',
  41.     "img_height":'500',
  42.     "link":lineLink,
  43.     "desc":descContent,
  44.     "title":shareTitle
  45.     },function(res){
  46.       console.log(res.err_msg);
  47.     }
  48.   })
  49. }  

  50. function wx_shareWeibo (){
  51.   WeixinJsBridge.invoke('sendWeibo',{
  52.     "appid":appid,
  53.     "img_url":imgurl,
  54.     "img_width":'640',
  55.     "img_height":'500',
  56.     "link":lineLink,
  57.     "desc":descContent,
  58.     "title":shareTitle
  59.     },function(res){
  60.       console.log(res.err_msg);
  61.     }
  62.   })
  63. }
复制代码

4.隐藏网页右上角按钮
  1.  WeixinJsBridge.call('hideOptionMenu'); 
复制代码

5.隐藏网页底部导航栏
  1.  WeixinJsBridge.call('hideToolbar');
复制代码

6.获取当前网络连接类型:
  1.  WeixinJsBridge.invoke('getNetworkType',{},function(e){
  2.     console.log(e.err_msg);
  3.  })
复制代码

7.禁止用户分享
  1.   WeixinJsBridge.invoke('disabledShare',{},function(e){
  2.   })
复制代码


8.判断是否在微信内置浏览器中打开
  1.   // true or false 
  2.   var flag = WeixinApi.openInWeixin();
复制代码

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值