jQuery - phát hiện nếu con chuột vẫn còn?

Question

Tôi đã tự hỏi nếu có một cách để phát hiện nếu con chuột nhàn rỗi trong 3 giây trong jQuery. Có một plugin mà tôi không biết? Bởi vì tôi không tin rằng có một phương pháp jQuery bản địa. Bất kì sự trợ giúp nào đều được đánh giá cao!

Answer 1

Bạn có thể nghe các sự kiện mousemove, bắt đầu một thời gian chờ bất cứ khi nào nó xảy ra và hủy bỏ bất kỳ thời gian chờ hiện có.

var timeout = null; 

$(document).on('mousemove', function() { 
    clearTimeout(timeout); 

    timeout = setTimeout(function() { 
     console.log('Mouse idle for 3 sec'); 
    }, 3000); 
}); 

DEMO

này có thể rất dễ dàng thực hiện mà không jQuery cũng (chỉ ràng buộc xử lý sự kiện ở đây là jQuery cụ thể).

Answer 2

Không cần một plugin, hoặc ngay cả đối với jQuery ở tất cả:

(function() { 
    var idlefunction = function() { 
      // what to do when mouse is idle 
     }, idletimer, 
     idlestart = function() {idletimer = setTimeout(idlefunction,3000);}, 
     idlebreak = function() {clearTimeout(idletimer); idlestart();}; 
    if(window.addEventListener) 
     document.documentElement.addEventListener("mousemove",idlebreak,true); 
    else 
     document.documentElement.attachEvent("onmousemove",idlebreak,true); 
})();