L'utilisation de removeEventListener sur le document ne fonctionne pas?

Question

un coup d'oeil à ce code:

$(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); 
} 

Tout fonctionne comme il se doit, jusqu'à ce que la fonction sliderMouseUp est appelée. Maintenant, la fonction s'appelle bien, et la # test-div dit "ne glisse pas", mais si je déplace ma souris dans le document, elle affiche de nouveau "glissant" dans le # test-div, comme si la fonction removeEventListener ne marche pas. Est-ce que je fais quelque chose de mal ici?

Answer 1

Si jQuery est une option, et semble que ce soit depuis que vous l'utilisez, faites ceci:

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

Utilisation du modèle d'événement jQuery entraînera beaucoup moins de tirer les cheveux, laissez-le prendre soin du cross-navigateur et des caprices d'événements pour vous.