Question

移动端touchmove事件多次触发

手按住不放会一直触发touchmove，现在想做的是当 .CardButton1 滑动的时候，向前切换一张图片，.CardButton2 滑动的时候，向后切换一张图片，求大神帮忙修改源码，改为当触摸的时候，触摸一次无论距离多长，都只触发一次。

document.querySelector(".CardButton1").addEventListener("touchmove", function () {
$(".CardIcon" + num).hide(0);
$(".CardText" + num).hide(0);
if (--num <= 1) {
num = 1;
}
console.log(num);
$(".CardIcon" + num).show(0);
$(".CardText" + num).show(0);
}, false);

document.querySelector(".CardButton2").addEventListener("touchmove", function () {
$(".CardIcon" + num).hide(0);
$(".CardText" + num).hide(0);
if (++num >= 4) {
num = 4;
}
console.log(num);
$(".CardIcon" + num).show(0);
$(".CardText" + num).show(0);
}, false);

Answer 1

touchmove肯定会一直触发，要解决就用变量锁住操作，运行一次直接禁止更多运行

然后在touchup的时候解锁。

可能jQuery有更好的解决办法