博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
禁止微信内的H5页面上下拖动
阅读量:7191 次
发布时间:2019-06-29

本文共 682 字,大约阅读时间需要 2 分钟。

客户需求:禁止微信内的H5页面上下拖动;

解决方案:

网上的答案几乎都是阻止默认事件,即:

1 document.body.addEventListener('touchmove' , function(e){2             e.preventDefault();3         });

但是使用这个方法还存在一定的问题:

bug1:有时生效有时失效;

原因:经过不间断的实践测试,发现有可能是网络加载的问题,在用户拖动页面的时候上面的功能代码还没加载出来,所以没有生效。

解决方法:监听页面资源加载,等页面内所有资源加载完毕后再将页面显示出来。代码如下:

1 document.onreadystatechange = function () {2         if (document.readyState == "complete") {3             document.body.style.display = "block";4         } else {5             document.body.style.display = "none";6         };7     };

bug2:华为P6、P9,魅族等手机上无效;

原因:有可能是安卓版本较低,存在兼容问题;(测试机有限,目前测的是安卓4.4上无效)

解决方法:暂未找到合适的解决方案,如有大神解决此类问题,欢迎留言指导~

谢谢~

转载于:https://www.cnblogs.com/crf-Aaron/p/9154895.html

你可能感兴趣的文章
【BZOJ1475】方格取数 [最小割]
查看>>
数据结构实验9——串
查看>>
iOS - UITableView 编辑(cell的插入, 删除, 移动)
查看>>
log4j 日志分类级别配置
查看>>
40+SublimeText插件
查看>>
swift - 动画学习
查看>>
java 细说String
查看>>
单片机C语言探究--为什么变量最好要赋初值
查看>>
静态库嵌套引用问题
查看>>
spring boot系列(四)spring boot 配置spring data jpa (保存修改删除方法)
查看>>
taro 不支持render中,使用函数多条件渲染
查看>>
Array相关的属性和方法
查看>>
SQL基本用法-行转列
查看>>
LeetCode 265: Paint House II
查看>>
Navicat 远程连接 Oracle11g 数据库报错 No listener 的问题
查看>>
python设计模式之单例模式
查看>>
Flex 布局教程:语法篇
查看>>
JVM内存模型和内存分配学习心得
查看>>
学术家族树典型用户的场景模拟
查看>>
CUDA-GPU编程
查看>>