CODEWITHSUNDEEP
javascriptjquerypluginsmouse
ModernDesigner
ModernDesigner

Reputation: 7707

jQuery - detect if the mouse is still?

I was wondering if there was a way to detect if the mouse is idle for like 3 seconds in jQuery. Is there a plugin that I am unaware of? Because I don't believe there to be a native jQuery method. Any help would be much appreciated!

Upvotes: 11

Views: 17103

Answers (2)

Felix Kling
Felix Kling

Reputation: 816262

You can listen to the mousemove event, start a timeout whenever it occurs and cancel any existing timeout.

var timeout = null;

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

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

DEMO

This can be very easily done without jQuery as well (only binding the event handler here is jQuery-specific).

Upvotes: 30

Niet the Dark Absol
Niet the Dark Absol

Reputation: 324600

No need for a plugin, or even for jQuery at all:

(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);
})();

Upvotes: 8

Related Questions