블러 (blur) 함수 내부에서 Mousemovent를 감지합니다.

Question

브라우저에 초점이 맞았고 마우스가 움직이면 AJAX를 멈추는 깔끔한 방법을 만들려고합니다. 그래서 여기에 내가 원하는 것이 있습니다 :

사용자가 브라우저의 다른 탭으로 이동하거나 창을 최소화하거나 웹 응용 프로그램이 아닌 다른 곳으로 이동하면 1 분 안에 AJAX 호출을 중단 시키길 원합니다. 사용자가 웹 앱에서 마우스를 아무 곳으로나 움직이면 사용자는 앱에 "집중"한 것으로 간주하여 Ajax 호출을 계속 진행해야합니다. "timeout"부분을 처리하기 위해 "st"라는 시간 초과를 설정했지만 마우스 탐지기를 추가하는 것은 조금 더 발전되었습니다.

var window_focus = true; 
$(document).ready(function() {  

    $('#alertbox').click(function() { 
     $('#alertbox').slideUp("slow"); 
    }); 

    // Check focal point 
    $(window).focus(function() { 
     if (window_focus) { 
      return 
     } 
     window_focus = true; 
     waitForMsg(); 

    }).blur(function() { 
     if (!window_focus) { 
      return 
     } 
     console.log('Init Suspension...'); 
     // Set Timeout 
     $(function() { 
      st = setTimeout(function() { 
       clearTimeout(setTimeoutConst); 
       window_focus = false; 
       document.title = 'Timed Out | WEBSITE'; 
       console.log('Suspended'); 
      }, 60000);  
     }); 
    }); 

    waitForMsg(); 
}); 

내가 이런 식으로 추가하려고 거라고 :

$(function() { 
    $().mousemove(function() { 
     console.log('Reinitialize'); 
     clearTimeout(st); 
     waitForMsg(); 
    }); 
}); 

을하지만 그것은 작동하지 않았다 여기에 내가 가진거야. 당신의 도움을 주셔서 감사합니다.

Answer 1

http://jsfiddle.net/popnoodles/5mqMm/

당신은 아마이 .one()를 사용합니다. 창을 다시로드하거나 다른 페이지에 올 때까지 마우스를 움직여서 프로 시저를 실행하고 다시 실행하지 않습니다.

흐림 안쪽에 넣으면 흐리게 처리됩니다. 다시 설정합니다.

}).blur(function() { 
    $(document).one('mousemove', function(){ 
     // i react ONCE to the mouse being moved 
     console.log('Reinitialize'); 
     clearTimeout(st); 
     waitForMsg(); 
     // focus the window again as desired 
     $(window).trigger('focus'); 
    }); 
    if (!window_focus) { 
     return 
    } 
    console.log('Init Suspension...'); 
    // Set Timeout 
    $(function() { 
     st = setTimeout(function() { 
      clearTimeout(setTimeoutConst); 
      window_focus = false; 
      document.title = 'Timed Out | WEBSITE'; 
      console.log('Suspended'); 
     }, 60000);  
    }); 
}); 

Answer 2

는

if(!window_focus){ 
    if(new Date().getTime() - lastMouseMoveTime > 60*1000){ 
      return; 
    } 
}