jQuery - マウスがまだ存在するかどうかを検出しますか？

Question

jQueryでマウスが3秒間アイドル状態になっているかどうかを検出する方法があるかどうかは疑問でした。私が気づいていないプラグインはありますか？なぜなら、ネイティブのjQueryメソッドがあるとは思わないからです。どんな助けでも大歓迎です！

Answer 1

あなたは、mousemoveイベントに耳を傾け、それが発生するたびに、タイムアウトを開始し、既存のタイムアウトをキャンセルすることができます。

var timeout = null; 

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

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

DEMO

これは非常に簡単に（ここでしかイベントハンドラをバインドするjQueryの固有である）だけでなくjQueryをせずに行うことができます。

Answer 2

ですべてのプラグインのために、あるいはjQueryのための必要がありません：

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