pat的区别

pat的区别？

移动端tap click pat的区别

一、click 与tap比较

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

二、使用tap会出现点透事件（事件穿透）

很多用过Zepto（移动端开发的库）都说使用tap会出现点透事件。

1、什么是tap事件穿透

执行完上层绑定的tap事件后，下层如果绑定着click事件或者本身就存在点击事件(a/input)也会默认触发，这就是点透事件，

2、出现点透事件的原因

首先要知道tap事件是通过监听绑定document上的touch事件来模拟的，并且tap 事件是冒泡到document上才出发的；

touchstart：在这个dom上用手触摸就能开始

click：在这个dom上用手触摸，且手指未曾移动，且在这个dom上手指离开屏幕，且触摸和离开时间很短（有的浏览器可能不检测时间间隔，照样可以出发click），才开始触发。

也就是说在移动端的事件触发从早到晚排序：touchstart touchstop click。所以click的触发是有延时的，大约300ms，所以click触发的原则是，触发当前有click的元素，且该元素面朝用户的最前端，才会触发click。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！