touch一系列和swiper一起用遇到的问题

作者: 拾钱运 | 来源:发表于2020-11-09 15:14 被阅读0次

$('name').on('touchstart','li',function(e){
  //一系列的操作
})
$('name').on('touchmove','li',function(e){
  //一系列的操作
})
$('name').on('touchend','li',function(e){
  //一系列的操作
})

swiper 是滑动，但是如果给当前swiper中的元素，绑定了touch的事件，两者就会冲突。我给的解决方式是，

  var _touchX;
$('name').on('touchstart','li',function(e){
  //一系列的操作
   _touchX=e.changedTouches[0].clientX
})
$('name').on('touchmove','li',function(e){
  //一系列的操作
})
$('name').on('touchend','li',function(e){
 var   _touchXend=e.changedTouches[0].clientX
  //一系列的操作
 if(_touchX==_touchXend){
    //为单击事件
}else{
    //非单击事件
}
})

因为滑动的时候，clientx start和end不同，开始正数，如果向右边滑动就是负数了。
start的时候