vue2鼠标左划、右划(左滑、右滑)时间
1、在method中:
//鼠标左划、右划事件
handleTouchStart(event) {
this.startX = event.touches[0].clientX;
},
handleTouchEnd(event) {
const endX = event.changedTouches[0].clientX;
const threshold = 30; // 阈值可以根据需要调整
if (endX - this.startX > threshold) {
// 右划事件
// console.log('右划事件')
if (this.currentNum < this.objs.length - 1) {
this.currentNum++;
}
} else if (this.startX - endX > threshold) {
// 左划事件
// console.log('左划事件')
if (this.currentNum > 0) {
this.currentNum--;
}
}
},
<template>
<div @touchstart="handleTouchStart" @touchend="handleTouchEnd">
.....
</div>
</template>