Zepto tap 穿透bug
2024-08-28 20:49:06
当两个层重叠在一起时，使用Zepto的tap事件时，点击上面的一层时会触发下面一层的事件，特别是底层如果是input框时，必“穿透”，“google”说原因是“tap事件实际上是在冒泡到body上时才触发”，也就是Zepto的tap事件是绑定在document上的，解决方案：
1.使用github上有一个叫做fastclick的库；
2.监听touchend事件，并在事件中使用preventDefault()阻止冒泡；
3.使用css3的pointer-events=true,pointer-events=none切换来实现；
4.延迟一定的时间来处理事件。本人测试是超过320毫秒就不会出现穿透，与jquery的动画(fadeIn()，fadeOut())等配合，个人感觉良好;
最新文章
- CGContextRef 画线简单用法
- jquery 图片没有路径，不显示图片。
- qt qml qchart 图表组件
- [转载]http协议 文件下载原理及多线程断点续传
- Scala 深入浅出实战经典 第45讲： scala中context bounds代码实例
- [LeetCode]题解（python）：092 Reverse Linked List II
- android中最先被执行的activity
- 连不上VSS 【转】
- 将n进制的数组压缩成字符串（0-9 a-z）同一时候解压
- 老李秘技：loadrunner回放脚本错误提示Error: "HTTP Status-Code 500"
- json小结和fastjson包的实际json操作
- Android类加载机制及热修复实现
- Node.js Buffer(缓冲区)
- NotificationSetUtilDemo【判断APP通知栏权限是否开启，以及如何跳转到应用程序设置界面】
- HBase shell scan 过滤器用法总结
- Softmax函数模型介绍
- 前端——Bootstrap
- 452. Minimum Number of Arrows to Burst Balloons扎气球的个数最少
- （转）OWASP ZAP下载、安装、使用（详解）教程
- Struts2+Hibernate+Spring（SSH）三大框架整合jar包