微信—常用事件整理
来源:互联网 发布:淘宝旺旺客服模板 编辑:程序博客网 时间:2024/06/05 17:36
1、隐藏网页底部导航栏
WeixinJsBridge.call('hideToolbar');
2、禁止用户分享
WeixinJsBridge.invoke('disabledShare',{},function(e){ })
3、禁用长按选中文本-css
* { -webkit-touch-callout:none; -moz-touch-callout:none; -ms-touch-callout:none; touch-callout:none; }//手机浏览器中:* { -webkit-touch-callout:none; -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none;}
4、微信浏览器禁止页面下拉查看网址(不影响页面内部scroll)
$(‘body’).on(‘touchmove’, function (event) {event.preventDefault();});ordocument.addEventListener('touchmove', function(e){e.preventDefault()}, false);
这样会把页面原生的scroll效果也一同去掉了,下面的代码可以完美解决这个问题:
//给需要下拉的box添加一个class="scroll"var overscroll = function(el) { el.addEventListener('touchstart', function() { var top = el.scrollTop , totalScroll = el.scrollHeight , currentScroll = top + el.offsetHeight; //If we're at the top or the bottom of the containers //scroll, push up or down one pixel. // //this prevents the scroll from "passing through" to //the body. if(top === 0) { el.scrollTop = 1; } else if(currentScroll === totalScroll) { el.scrollTop = top - 1; } }); el.addEventListener('touchmove', function(evt) { //if the content is actually scrollable, i.e. the content is long enough //that scrolling can occur if(el.offsetHeight < el.scrollHeight) evt._isScroller = true; });}overscroll(document.querySelector('.scroll'));document.body.addEventListener('touchmove', function(evt) { //In this case, the default behavior is scrolling the body, which //would result in an overflow. Since we don't want that, we preventDefault. if(!evt._isScroller) { evt.preventDefault(); }});
5、网页图片集左右滑动查看图片
<!--HTML部分:--> <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>
//js部分: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 () {}); } }
阅读全文
0 0
- 微信—常用事件整理
- js常用事件整理
- jquery常用事件(整理)
- js常用事件整理—兼容所有浏览器
- 微信操作整理
- 微信操作整理
- 微信接口整理
- 微信开发整理
- 【整理】微信开发
- 微信整理
- 微信事件解析
- 微信js事件
- 微信营销资料整理
- 微信方法整理1
- 微信使用整理2
- 微信二次开发资源整理
- 微信隐藏代码整理
- 微信API接口整理
- mongo复制集同步验证
- ExecSQL的方法
- Ubuntu12.0.4 安装LAMP
- 记一下实在受不了这个错误了:LNK1123: 转换到 COFF 期间失败: 文件无效或损坏
- numpy介绍
- 微信—常用事件整理
- Python数据分析简介
- axis使用详解(服务端/客户端)
- numpy的线性方程组和矩阵计算
- c# 知识
- sendRedirect中文乱码"???"如何解决
- matplotlib绘制余弦的散点图
- 在手机端点击input框不弹出输入法的方法
- numpy常用操作