javascript - 手机端怎么暂时取消touch事件？

问题描述

问 题

1、手机端上面，用了swiper来切换tab，每个tab上又有上下拉刷新（通过touch事件实现），问题是我现在切换tab页的时候也会触发touch，然后就出现如下图所示的问题，我想要的效果是切换的时候不触发touch事件，我该如何是好？

解决方案

事实上你的下拉刷新以及swiper都是监听touch事件的，而swiper的切换并不是一有左右touch移动就切换，而是有一定的touchmove距离才切换。

你可以这样，下拉刷新那个加个判定，当x轴的touchmove距离大于一定值时就不执行下拉刷新。更恰当的方法是判断x轴的距离增加速度和y轴的距离增加速度的大小比较来确定用户的行为是上下拉还是左右移动。

当然前提是你的下拉刷新也是通过一个完整的touch事件来判断的

这篇关于javascript - 手机端怎么暂时取消touch事件？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！