没有不值得去解决的问题,也没有不值得去学习的技术!

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

向web控制台输出一条消息,以确定触发 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

关于作者 · 持续学习与技术实践

我是一名拥有 15 年以上开发经验的技术从业者,自 2013 年起持续运营个人技术博客,记录工作与个人项目中遇到的真实问题,以及解决问题过程中的探索、实践和思考。

除了技术写作,我也在持续开发和维护自己的独立项目,探索新技术和新工具在实际场景中的应用。我始终相信,没有不值得去解决的问题,也没有不值得去学习的技术。

如果这篇文章对你有所帮助,欢迎浏览博客中的其他文章,也欢迎交流技术经验与想法。

关于我  ·  GitHub  ·  邮件联系