mousemove comportement étrange

Question

J'essaie de changer les images d'un diaporama en utilisant mousemove. mais ça ne fonctionne pas correctement. Cela fonctionne seulement correctement la première fois et après que même la souris ne soit pas cliquée il a supposé que la souris est cliquée. Vous pouvez vérifier ici démo http://unirazz.com/kb/html/movie.html

est le code ici pour mousemove

 var clicking = false; 
     var pageX = 0; 

     $('#movieShow').mousedown(function(e){ 
      clicking = true; 
      pageX = e.pageX;    
     }); 

     $(document).mouseup(function(e){ 
      clicking = false; 
      pageX = 0; 
      //alert('h'); 
     }) 

     $('#movieShow').mousemove(function(e){ 
      if(clicking == false) return; 

      // Mouse click + moving logic here 
      //$('.movestatus').text('mouse moving'); 
      if(pageX == 0) return; 
      if((e.pageX - pageX) > 0){ 
       var t = e.pageX - pageX; 
       if(t%10 == 0){ 
        pageX = e.pageX; 
        //console.log('right'); 
        rightClick(); 
       } 
      } 
      else{ 
       var t = pageX - e.pageX; 
       if(t%10 == 0){ 
        pageX = e.pageX; 
        //console.log('left'); 
        leftClick(); 
       }   
      } 
     }); 

Answer 1

Il semble se confondre lorsque vous cliquez et maintenez et faites glisser votre souris en dehors de la « MovieShow ». Votre document.mouseup ne fonctionne pas et ne clique jamais sur false;

Je pense que vous devez définir un mouseout pour « MovieShow » qui fait la même chose que mouseup

$('#movieShow').mouseout(function(e){ 
    clicking = false; 
    pageX = 0; 
})