不能添加事件偵聽器，它只是在移動「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他們任何東西，或不。