在桌面设备的 Chrome 浏览器上, Zepto 中 tap 事件触发 2 次的分析

1、在 Zepto 中 tap 事件触发 2 次,如图1

在 Zepto 中 tap 事件触发 2 次

图1

2、向web控制台输出一条消息,以确定触发 2 次,如图2
console.log(‘1’);

向web控制台输出一条消息,以确定触发 2 次

图2

3、在web控制台上查看输出,1被输出了 2 次,如图3

在web控制台上查看输出,1被输出了 2 次

图3

4、在后续流程中调用了服务端接口,接口同时被调用了 2 次的,如图4

在后续流程中调用了服务端接口,接口同时被调用了 2 次的

图4

5、不过在移动设备上,实际上仅被触发了 1 次的,可以通过服务端接口被调用的时间进行验证,如图5

不过在移动设备上,实际上仅被触发了 1 次的,可以通过服务端接口被调用的时间进行验证

图5

6、如果要避免在桌面设备上触发 2 次的话,可以启用 singleTap 事件,如图6
tap —元素tap的时候触发。
singleTap and doubleTap — 这一对事件可以用来检测元素上的单击和双击。(如果你不需要检测单击、双击,使用 tap 代替)。

如果要避免在桌面设备上触发 2 次的话,可以启用 singleTap 事件

图6

7、此时,仅会触发 1 次了,如图7

此时,仅会触发 1 次了

图7

原创文章,作者:ItWorker,如若转载,请注明出处:https://blog.ytso.com/250819.html

(0)
上一篇 2022年5月1日
下一篇 2022年5月1日

相关推荐

发表回复

登录后才能评论