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();

微信中一些常用的js事件积累的更多相关文章

  1. javascript中的常用表单事件用法

    下面介绍几种javascript中常用的表单事件: 一,onsubmit:表单中的确认按钮被点击时发生的事件,如下案例. 案例解析:弹出表单中提交的内容 <form name="tes ...

  2. 常用的js事件

    onmouseover:鼠标放上去时触发事件 onmouseout:鼠标从上面移开时触发事件 onclick:鼠标单击事件 onfocus:获得焦点 onblur:失去焦点 onchange:下拉菜单 ...

  3. 分享一些前端开发中最常用的JS代码片段~ 干货~

    http://www.w3cfuns.com/notes/25068/1d0d350a974d879e63f1115cf80a3288.html

  4. JS中的函数、Bom、DOM及JS事件

    本期博主给大家带来JS的函数.Bom.DOM操作,以及JS各种常用的数据类型的相关知识,同时,这也是JavaScript极其重要的部分,博主将详细介绍各种属性的用法和方法. 一.JS中的函数 [函数的 ...

  5. JS中的常用的代码操作

    本文件介绍常用的js代码的DOM操作.CSS操作.对象(Object对象.Array对象.Number对象.String对象.Math对象.JSON对象和Console对象)操作说明. 一.DOM树的 ...

  6. js事件常用操作、事件流

    注册事件 给元素添加事件,称为注册事件或者绑定事件. 注册事件有两种方式:传统方式和方法监听注册方式 传统方式 on开头的事件,例如onclick <button onclick="a ...

  7. dynamic-css 动态 CSS 库,使得你可以借助 MVVM 模式动态生成和更新 css,从 js 事件和 css 选择器的苦海中脱离出来

    dynamic-css 使得你可以借助 MVVM 模式动态生成和更新 css,从而将本插件到来之前,打散.嵌套在 js 中的修改样式的代码剥离出来.比如你要做元素跟随鼠标移动,或者根据滚动条位置的变化 ...

  8. JS判断网页是否在微信中打开/

    JS判断网页是否在微信中打开,代码如下: <script type="text/javascript"> function is_weixn(){ var ua = n ...

  9. JS学习之DOM节点的关系属性封装、克隆节点、Dom中Style常用的一些属性等小结

    JS DOM节点: 在JS DOM中节点的关系被定义为节点的属性: 通常有以下几种节点之间的关系: (这里的关系是所有浏览器都支持的) parentNode    父节点 childNodes     ...

随机推荐

  1. JAVASCRIPT常用API总结

    目录 元素查找 class操作 节点操作 属性操作 内容操作 css操作 位置大小 事件 DOM加载完毕 绑定上下文 去除空格 Ajax JSON处理 节点遍历 元素查找 // Node docume ...

  2. tp框架之分页与第三方类的应用

    1.先把分页类放在根目录下,比如放在某个模块下 2.在类里面写入命名空间,注意类名的格式(类名要与里面的方法名一致) 3.在需要的方法里面按照路径进行实例化,然后就可以使用了 方法: public f ...

  3. linux内核(kernel)版本号的意义

    转自:http://www.cnblogs.com/jsjliuxing/archive/2011/12/01/2271182.html 在linux下有一个目录,即/usr/src/kernels/ ...

  4. I Could Have Danced All Night

    百老汇著名音乐剧<窈窕淑女(My Fair Lady)>中脍炙人口的经典歌曲. Bed, bed ,I couldn't go to bed床,床,我不能上床去 My head's too ...

  5. .NET Remoting 应用实例

    前言 项目中运用到.NET Remoting ,前段时间也看了下.NET Remoting的相关资料,感觉自己应该动手写个实例来梳理下对.NET Remoting认识和理解,不足的地方请大家指正. 简 ...

  6. vue2.0有哪些变化

    vue2.0之后有哪些变化: 1.每个组件模板template,不再支持片段代码 之前: <template> <h3>vue-router+vue-loader</h3 ...

  7. 【Centos】修改网卡名字&随之出现的问题

    自从学了工具tcpdump之后,里面会需要涉及到针对某个网卡抓包,因而会输入网卡名字,可是centOS7蛋疼的网卡默认命名实在是让人心碎,所以就想到了要修改网卡名字,步骤如下:(以下步骤涉及到我的错误 ...

  8. 《UML大战需求分析》阅读随笔(二)

    在需求方面,我自己大体认为,分为两个部分:客户和软件公司. 客户:提出需求. 软件公司:解决需求. 这就是我所认为的 需求的关系. 就像书中所说的: 软件公司(项目组)始终都是跟着客户的后面追,客户需 ...

  9. 浩瀚科技 定制现场无线手持打印PDA手持终端扫描条码开单解决方案

    PDA通过扫描商品条码移动开单,实现便携式办公,伴随式销售,是深圳市浩瀚技术有限公司的一款最新安卓微POS产品,PDA能通过WIFI无线局域网.GPRS互联网直接与主机电脑连接,让公司业务人员能随时随 ...

  10. Poj The xor-longest Path 经典题 Trie求n个数中任意两个异或最大值

    Time Limit: 2000MS   Memory Limit: 65536K Total Submissions: 5646   Accepted: 1226 Description In an ...