javascript - 如何使用 JavaScript 检测用户不活动？

Question

我正在尝试创建一个 wordpress 页面，让您在一段时间后没有任何事件地注销。现在我只是在测试这个(关键部分)的“检测不活动并做某事”部分。我在这里找到了一些部分有效的代码；这是代码:

<script>
var timeout;
document.onmousemove = function(){
clearTimeout(timeout);
timeout = setTimeout(function(){alert("move your mouse");}, 10000);
}
</script>

现在设置为每 10 秒发送一次警报，这样我就可以立即看到它正在工作(稍后会更长)。反正;当我在页面上运行它时，它什么也不做。我可以坐在那里 5 分钟，什么也没有发生。但是，如果我将该选项卡留在浏览器中，它会立即开始工作，并在没有应有的事件时每 10 秒发送一次警报。

但是如果我只是坐在那个页面上什么都不做，整个功能就不起作用了。有人能帮忙吗？谢谢...

Answer 1

试试这个:

function onInactive(ms, cb){

    var wait = setTimeout(cb, ms); 
    document.onmousemove = document.mousedown = document.mouseup = document.onkeydown = document.onkeyup = document.focus = function(){
        clearTimeout(wait);
        wait = setTimeout(cb, ms);
    };
}

JSFiddle:

http://jsfiddle.net/acNfy/4

您必须将您的移动悬停在右下角的窗口上并保持 5 秒钟不活动才能查看结果:)