组件上下滚动阻止优化

2020/short-video-ui/biz/js/common/LeftSwipe.js

      var that = this;
      this.elWrapper = $(">ul", this.el);
      var hammer = this.hammer = new Hammer.Manager(this.el, {inputClass: Hammer.TouchMouseInput}); //　组件默认使用的PointInput有flex元素时，会奇怪的自动触发cancel事件
      hammer.add(new Hammer.Pan({direction: Hammer.DIRECTION_HORIZONTAL, threshold: 5})); // 水平方向最小距离5Ft识别为平移手势
      hammer.add(new Hammer.Pan({direction: Hammer.DIRECTION_HORIZONTAL, threshold: 20})); // 水平方向最小距离5Ft识别为平移手势
      hammer.on("panstart panmove panend pancancel", Hammer.bindFn(that._onPan, this));
      // console.log(hammer);
      this.rightWidth = $(this.opt.rightSlt, this.el).width(); // 获取可移动总宽度
    _onPan: function (ev) {
      var delta = ev.deltaX;
      // console.log(ev);
      ev.preventDefault();  // 防止左右滑动处理时，出现上下滚动
      if (ev.srcEvent.cancelable) {
        ev.srcEvent.preventDefault();  // 防止左右滑动处理时，出现页面上下滚动，因为增加监听事件时未处理，好像阻止不了
      }
      ev.srcEvent.stopImmediatePropagation(); // 防止左右滑动处理时，出现上下滚动，iScroll的情况
      // console.log(ev.type, ev.deltaX);
      this.touchStartHandleFun = $.proxy(this._touchHandle, this);
      $("body").on("touchstart", this.touchStartHandleFun);
    },
    _removeTouchStartListen(){
    _removeTouchStartListen() {
      $("body").off("touchstart", this.touchStartHandleFun);
    },
    _touchHandle(e) {