Tracking Mouse Stop

Question

브라우저에서 마우스 움직임을 추적하려고하는데 사용자가 마우스를 0.5 초 동안 정지 시키면 코드가 실행됩니다. 아래 코드에서 파이어 버그 (firebug)에 중단 점을 넣었습니다. var mousestop = function (evt) 행에서 중단되었지만 return 문으로 점프합니다. 나는 간단한 것을 놓치고 있습니까? POST 문을 실행하지 않는 이유는 무엇입니까? 비슷한 방식으로 마우스 클릭을 추적하고 있으며 서버에 잘 게시됩니다. 마우스가 멈추지 않는 것.

Answer 1

mousestop이 실행될 때까지 정의되지 않았습니까?

하면이처럼보십시오 :

(new Image).src = "/heat-save.php?x=" + evt.pageX + "&y=" + evt.pageY + "&click=false&w=" + window.innerWidth + "&h=" + window.innerHeight + "&l=" + escape(document.location.pathname; 

:

// a closure for good measure... 
(function($){ 
    var mousestop = function(evt){ 
      // I would use GET because POST makes 2 round trips 
      $.get("/heat-save.php", { 
       "x":evt.pageX, 
       "y":evt.pageY, 
       "click":false, 
       "w":window.innerWidth, 
       "h":window.innerHeight, 
       "l":escape(document.location.pathname) 
      }); 
     }, 
     thread = null; 
    $.fn.saveStops = function() { 
     return this.bind("mousemove.clickmap", function(evt) { 
      clearTimeout(thread); 
      thread = setTimeout(function(){mousestop(evt);}, 500); 
     }); 
    }; 
}(jQuery)); 

당신은 이벤트가이 같은 뭔가 아약스 호출을 대체 할 수

 return function() { 
     clearTimeout(thread); 
     thread = setTimeout(function(){mousestop(evt);}, 500); 
     }; 

여기

---

내가 리팩토링 얼마나입니다

POST vs GET

또한 서버가 가장 빠른 응답을 위해 200 대신에 "204 No Content"상태 코드를 보내야합니다.