惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

The Register - Security
The Register - Security
IT之家
IT之家
阮一峰的网络日志
阮一峰的网络日志
博客园 - 叶小钗
奇客Solidot–传递最新科技情报
奇客Solidot–传递最新科技情报
S
SegmentFault 最新的问题
有赞技术团队
有赞技术团队
博客园 - 【当耐特】
The Cloudflare Blog
T
The Blog of Author Tim Ferriss
Apple Machine Learning Research
Apple Machine Learning Research
C
Check Point Blog
Microsoft Azure Blog
Microsoft Azure Blog
V
V2EX
量子位
F
Fortinet All Blogs
Martin Fowler
Martin Fowler
大猫的无限游戏
大猫的无限游戏
Last Week in AI
Last Week in AI
博客园 - 聂微东
美团技术团队
Stack Overflow Blog
Stack Overflow Blog
Google DeepMind News
Google DeepMind News
宝玉的分享
宝玉的分享
M
MIT News - Artificial intelligence
U
Unit 42
罗磊的独立博客
MyScale Blog
MyScale Blog
CTFtime.org: upcoming CTF events
CTFtime.org: upcoming CTF events
V
Visual Studio Blog
Jina AI
Jina AI
Recorded Future
Recorded Future
钛媒体:引领未来商业与生活新知
钛媒体:引领未来商业与生活新知
小众软件
小众软件
H
Help Net Security
OSCHINA 社区最新新闻
OSCHINA 社区最新新闻
MongoDB | Blog
MongoDB | Blog
N
Netflix TechBlog - Medium
让小产品的独立变现更简单 - ezindie.com
让小产品的独立变现更简单 - ezindie.com
B
Blog
J
Java Code Geeks
爱范儿
爱范儿
cs.AI updates on arXiv.org
cs.AI updates on arXiv.org
aimingoo的专栏
aimingoo的专栏
B
Blog RSS Feed
月光博客
月光博客
Threat Intelligence Blog | Flashpoint
Threat Intelligence Blog | Flashpoint
P
Privacy International News Feed
Know Your Adversary
Know Your Adversary
雷峰网
雷峰网

博客园 - bwteacher

fastadmin中前端表格中字段状态动态加载问题 mysql实用 mysql操作错误 fastadmin操作 fastadmin下的多级联动 CentOS7安装Python3.10环境 表单提交fastadmin form jdk-24及tomcat-11.0.9(解压版)安装配置 mermaid基于 JavaScript 的图表绘制工具 HbuilderX 小随笔 v-bind和v-model的区别 v-if和v-show的区别 PHP常用数学函数 距离-有这么多类 bootstrap.table汇总 selectpage汇总 jQuery没有匹配到任何内容,返回什么? js数组常用方法 thinkphp控制器名称命名相关 php常见错误码 ThinkPHP的join关联查询不使用默认的表前缀 阿里云虚拟主机创建https
uniapp中@tap与@click点击事件的差异
bwteacher · 2024-09-05 · via 博客园 - bwteacher

  在uniapp的开发过程中,我们经常会遇到两种点击事件:@tap@click。虽然它们都是点击事件,但在实际使用中却存在一些微妙的差异。

  首先,让我们来看看它们的触发时机。在uniapp中,

  @click事件是在组件被点击且手指离开屏幕后才触发的,这意味着它会有一个大约300ms的延迟。这种延迟是由于内置处理优化造成的,虽然对于大多数应用场景来说,这种延迟可能并不会造成太大的影响,但在一些需要快速响应的场景中,这种延迟就可能会成为一个问题。例如,在H5游戏或移动端网页中,用户对点击事件的即时反馈期望很高,任何延迟都可能会影响用户的体验。
  相比之下,@tap事件则是在手指触摸屏幕并离开时立即触发的,没有上述的延迟。这使得@tap事件在一些需要快速响应的场景中更具优势。然而,需要注意的是,由于@tap事件是基于触摸事件实现的,因此在一些不支持触摸的设备或环境中,它可能无法正常工作。
  除了触发时机之外,@tap和@click在事件穿透方面也存在差异。在uniapp中,@tap事件具有事件穿透的特性,这意味着当一个元素上绑定了@tap事件后,如果该元素下面还有其他元素或事件,那么这些元素或事件也会被触发。这种行为可能会导致一些不期望的效果,因此在使用时需要特别注意。相比之下,@click事件则不具有事件穿透的特性,它只会触发绑定在点击元素上的事件。
  在实际应用中,我们需要根据具体的需求来选择合适的点击事件。对于一些需要快速响应的场景,如H5游戏或移动端网页,我们可以选择使用@tap事件来避免延迟带来的问题。然而,在一些需要精确控制事件触发的场景中,如表单提交或按钮点击等,我们可能需要使用@click事件来确保只有绑定的元素或事件被触发。
  此外,还需要注意的是,在不同的平台或设备上,这两种点击事件的表现可能会有所不同。例如,在一些移动设备上,由于触摸屏幕的特性和优化,@tap事件可能会表现得更加流畅和响应迅速。而在一些传统的PC设备上,由于主要依赖鼠标操作,@click事件可能会更加适用。
  综上所述,@tap和@click虽然都是点击事件,但在触发时机、事件穿透以及应用场景等方面都存在差异。作为开发者,我们需要根据具体的需求和场景来选择合适的点击事件,以提供更好的用户体验和性能。