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

在桌面设备的 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+ 年经验的 PHP / Go 后端工程师,长期关注已有系统维护、Bug 修复、性能优化、服务器排查、WordPress 网站维护和小功能迭代。

如果你的项目遇到以下情况,可以先从一次小问题排查开始合作:

  • ✅ PHP / Laravel / Yii2 老项目无人维护
  • ✅ Go / Gin 后端接口需要排查或优化
  • ✅ WordPress 网站访问慢、报错或插件冲突
  • ✅ Nginx / MySQL / Redis / Linux 服务器异常
  • ✅ CDN / Cloudflare / DNS / HTTPS 配置问题
  • ✅ 需要长期远程技术支持或兼职维护

更多介绍请查看:关于我 & 合作

微信:13980074657
邮箱:shuijingwanwq@gmail.com
Telegram:@shuijingwan
GitHub:https://github.com/shuijingwan

评论

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

这个站点使用 Akismet 来减少垃圾评论。了解你的评论数据如何被处理