문서에서 removeEventListener 사용이 작동하지 않습니까?

Question

이 코드를 살펴 : 그것은해야으로 sliderMouseUp 함수가 호출 될 때까지

$(document).ready(function() { 
    document.getElementById(sliderId).onmousedown = sliderMouseDown; 
}); 

function sliderMouseDown() { 
    document.onmousemove = sliderMouseMove; 
    document.onmouseup = sliderMouseUp; 
} 

function sliderMouseMove() { 
    $('#test').html("sliding"); 
} 

function sliderMouseUp() { 
    $('#test').html("not sliding"); 
    document.removeEventListener('mousemove', sliderMouseMove, false); 
    document.removeEventListener('mouseup', sliderMouseUp, false); 
} 

모든 것이 작동합니다. 이제이 함수는 괜찮습니다. # test-div는 "슬라이딩하지 않음"이라고 말합니다.하지만 나중에 마우스를 문서에서 움직이면 removeEventListener 함수처럼 # test-div에 "sliding"이 다시 표시됩니다. 작동하지 않습니다. 내가 여기서 뭔가 잘못하고있는거야? JQuery와 옵션, 그리고 당신이 그것을 사용하고 있기 때문에 그것이 보인다면

Answer 1

, 이렇게 :

$(function() { 
    $("#" + sliderId).mousedown(function() { 
    $(document).mousemove(function() { 
     $("#test").html("sliding"); 
    }).mouseup(function() { 
     $("#test").html("not sliding"); 
     $(document).unbind("mousemove mouseup"); 
    }); 
    }); 
}); 

을 많이 발생합니다 JQuery와 이벤트 모델을 사용하면 적은 헤어 당겨, 그것은 알아서 브라우저 간 및 이벤트 괴물에 대한 정보를 제공합니다.