前端设计

uniapp使用@tap与@click的区别

2024-11-01

相同点: 

@tap事件与@click事件都是点击事件


不同点:

@tap是源于触摸touch事件,在移动触摸事件就是在同个点触发,触摸、按住(长按)和轻滑(包括上下左右滑)就使用该事件了

@click事件是点击放开之后才触发的,时间上会有延迟(200-300ms左右)


tap的特点——事件穿透:

        -- 当我们执行完绑定的tap事件之后呢,如果下面如果绑定了其他事件或者是本身就存在点击事件的话,也会默认触发


应用场景:

        -- 随着h5游戏、移动端网页的流行,用户对web网页的性能也随着提高,点击事件的延迟会影响用户体验,特别是游戏中,因为这个问题的存在,所以出现了tap事件,tap事件对应的是在移动端中。