移动端click touch tap区别

click与tap都会触发点击事件,但是在手机web端,click会有200-300ms的延迟,所以一般用tap代替click作为点击事件。singleTap 和doubleTap分别代表单次点击和双次点击.

tap会有穿透问题。

因为tap事件是通过document绑定了touchstart和touchend事件实现,$(‘.q’)上,当touchend事件冒泡到document上以后执行$(this).hide();此时$(‘.b’),就处在了页面的最前面

现在touchend冒泡到了document上,并且$(‘.b’)在页面的最前面,然后就触发了click事件

规避tap穿透问题:

1.用fastclick库能规避click延迟。click比tap还要快。

2.

touch是针对触屏手机上的触摸事件。

Table of Contents