在HbuilderX中，@tap和@click的含义 与 区别 及 使用方式

学习目标：

目标：

• 了解 @tap和@click 的含义 与 区别 及 使用方式

---

学习内容：

内容：

1. .click事件是PC端的常用的单击事件，但是当这个事件在移动端实现的时候，会出现延迟300ms的现象，所以移动端一般用tap来代替click。
2. @click是组件被点击时触发，会有约300ms的延迟(内置处理优化了)。
3. @tap是手指触摸离开时触发，没有300ms的延迟，减少click在移动端的延迟，提高了性能。
4. 注意：编译到小程序端，@click会被转成@tap。
5. tap和click的区别
   （1）tap和click都是点击事件。
   （2）但是移动端有太多复杂的功能是click监听不到的，例如，触摸、按住和轻滑。这时候就需要使用 tap 方法了。
   （3）另外，click事假是点击放开之后才触发的，所以时间上会有延迟。
   （4）tap 具有 事件穿透性，就是你执行完绑定的tap事件之后，下面如果绑定了其他事件或者是本身就存在点子事件的话，也会默认触发。

---

知识总结：

小结：

• 在HbuilderX中，两者都是点击时触发事件;
• 2、两者的区别是:

（1）.@click是组件被点击时触发，会有约300ms的延迟(内置处理优化了)

（2）.@tap是手指触摸离开时触发，没有300ms的延迟，但是会员事件穿透；

（3）.编译到小程序端，@click会被转成@tap

（4）.@click,@tap 事件，在浏览器上，@tap 事件会覆盖@click；在手机端的时候，2个事件都存在，这2个取其中一个就可以.

• 3、@tab可以阻止事件冒泡，而 @click不可以