mousemove 이상한 행동

Question

mousemove를 사용하여 슬라이드 쇼의 이미지를 변경하려고합니다. 하지만 제대로 작동하지 않습니다. 그것은 처음에는 올바르게 작동하고 마우스를 클릭하지 않았더라도 마우스를 클릭했다고 가정합니다. 현재 데모 http://unirazz.com/kb/html/movie.html

확인하실 수 있습니다 여기를 클릭하고 누른 상태에서 'movieShow'외부에서 마우스를 드래그 할 때 혼란지고있는 것 같다 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

코드입니다. document.mouseup이 작동하지 않아 클릭을 false로 설정하지 않습니다.

는 당신이 문제를주고있다 브라우저 그것은 여기 올바른 것 같다

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