不能添加事件侦听器，它只是在移动“removeEventListener”删除后

Question

我是js和jquery的新手。

我的代码：

function dragEnd(){ 
    OnDrag = false; 
    wrapperHalfWidth = box.parent().width() * settings.animPartofScrennToSlide 
    if (Math.abs(dragLengthX) > wrapperHalfWidth){ 
     this.removeEventListener((useMobileDrag ? "touchstart" : "mousedown"), dragStart, false); 
     this.removeEventListener((useMobileDrag ? "touchmove" : "mousemove"), dragMove, false); 
     this.removeEventListener((useMobileDrag ? "touchend" : "mouseup"), dragEnd, false); 
     this.removeEventListener("touchcancel", dragCancel, false); 

     var Direction = dragLengthX > 0; 
     settings.prevNextClickCallback(outerSlCounter, Direction ? FORWARD : BACK); 

     setTimeout(function(){ 
      this.addEventListener((useMobileDrag ? "touchstart" : "mousedown"), dragStart, false); 
      this.addEventListener((useMobileDrag ? "touchmove" : "mousemove"), dragMove, false); 
      this.addEventListener((useMobileDrag ? "touchend" : "mouseup"), dragEnd, false); 
      this.addEventListener("touchcancel", dragCancel, false); 
     }, 500); 
     return SlideTo(outerSlCounter + (Direction ? -1 : 1)); 
    } 
    else{ 
     dragLengthX = 0; 
     box.css({ 
      '-webkit-transition-timing-function': settings.easingCss, 
      '-webkit-transition-duration': settings.animDragTime + 'ms', 
      '-webkit-transform': 'translate3d(' + dragLengthX + 'px, 0px, 0px)', 
      'transition-timing-function': settings.easingCss, 
      'transition-duration': settings.animDragTime + 'ms', 
      'transform': 'translate3d(' + dragLengthX + 'px, 0px, 0px)' 
     }); 
    } 
    isDragging = false; 
    originalX = 0; 
}; 


this.addEventListener((useMobileDrag ? "touchstart" : "mousedown"), dragStart, false); 
this.addEventListener((useMobileDrag ? "touchmove" : "mousemove"), dragMove, false); 
this.addEventListener((useMobileDrag ? "touchend" : "mouseup"), dragEnd, false); 
this.addEventListener("touchcancel", dragCancel, false); 

的borblem是如果（Math.abs（dragLengthX）> wrapperHalfWidth）{...}部内。我需要删除500ms的事件处理程序以防止其他函数（dragStart（event）和dragMove（event））启动。

在桌面上它工作良好。它会在Slidind函数正常工作时删除该事件。但在移动设备上，警报事件侦听器不工作后

Answer 1

请勿使用带有jQuery的addEventListener或removeEventListener。改为使用bind()/unbind()。

if (Math.abs(dragLengthX) > wrapperHalfWidth) { 
    $(this) 
    .bind("touchstart mousedown", dragStart) 
    .bind("touchmove mousemove", dragMove) 
    .bind("touchend mouseup", dragEnd) 
    .unbind("touchcancel"); 

    var Direction = dragLengthX > 0; 
    settings.prevNextClickCallback(outerSlCounter, Direction ? FORWARD : BACK); 

    setTimeout(function() { 
    $(this) 
    .unbind("touchstart mousedown touchmove mousemove touchend mouseup") 
    .bind("touchcancel", dragCancel); 
    }, 500); 

    return SlideTo(outerSlCounter + (Direction ? -1 : 1)); 
} 

虽然我会觉得更优雅，如果你会使用一个标志，它告诉事件处理程序是否应该做的，而不是不断结合和undbinding他们任何东西，或不。