移动端web开发click touch tap区别

 

 

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

一: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
相关文章
相关标签/搜索