移动端滑动事件touch

touchstart() {
// event.preventDefault() //阻止默认事件(长按的时候出现复制)

this.startX = event.changedTouches[0].pageX
this.startY = event.changedTouches[0].pageY
},
touchmove() { // 如果手指有移动,则取消所有事件,此时说明用户只是要移动而不是长按
// event.preventDefault()
var moveEndX = event.changedTouches[0].pageX
var moveEndY = event.changedTouches[0].pageY
var X = moveEndX - this.startX
var Y = moveEndY - this.startY

if (Math.abs(X) > Math.abs(Y) && X > 0) {
// alert('left 2 right')
} else if (Math.abs(X) > Math.abs(Y) && X < 0) {
// alert('right 2 left')
  } else if (Math.abs(Y) > Math.abs(X) && Y > 0) {

// alert('top 2 bottom')
} else if (Math.abs(Y) > Math.abs(X) && Y < 0) {

if(this.domTop==0){
this.popupHeightShow=true
}
// alert('bottom 2 top')
} else {
// alert('just touch')
}
},
posted @ 2021-03-11 11:41  bingyingks  阅读(95)  评论(0)    收藏  举报