博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
移动端web开发click touch tap区别
阅读量:7039 次
发布时间:2019-06-28

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

hot3.png

 

 

移动端用tap时会有穿透问题

一:click与tap比较
click与tap都会触发点击事件,但是在手机web端,click会有200-300ms的延迟,所以一般用tap代替click作为点击事件。singleTap和doubleTap分别代表单次点击和双次点击
 
二:tap的穿透处理
使用zepto框架的tap的点击事件,来规避click事件的延迟响应,会出现穿透,即点击会触发非当前层的点击事件。
 
三:穿透原因
问题:在html5点击了q以后,弹出b的弹框
 
因为tap事件是通过document绑定了touchstart和touchend事件实现,$('.q')上,当touchend事件冒泡到document上以后执行$(this).hide();此时$('.b'),就处在了页面的最前面
现在touchend冒泡到了document上,并且$('.b')在页面的最前面,然后就触发了click事件
更多web前端免费学习资料加群领取,群号434623999

转载于:https://my.oschina.net/u/3709170/blog/1589906

你可能感兴趣的文章
我的友情链接
查看>>
mysql服务性能优化—my.cnf配置说明详解(16G内存)
查看>>
用WijmoJS玩转您的Web应用 —— Angular6
查看>>
Mysql、MariaDB 传统主从集群配置
查看>>
Nginx_lua的应用及性能对比
查看>>
容易被忽视的Linux磁盘配额设置
查看>>
nginx后端的服务很多TIME-WAIT
查看>>
SQL Server 日期的加减函数: DATEDIFF DATEADD
查看>>
EtherChannel
查看>>
linux 磁盘分区及常用linux命令
查看>>
我的友情链接
查看>>
我的友情链接
查看>>
dovecot不能够收邮件
查看>>
jQuery最佳实践
查看>>
hadoop shell命令字典详解
查看>>
vim学习
查看>>
Linux_haproxy_acl访问控制(4)v1.0
查看>>
我的26岁
查看>>
数据库排序规则的问题
查看>>
虚拟局域网VLAN
查看>>