在检测到运动/运动/活动时显示元素，即使用 javascript

Question

这是我关于stackoverflow的第一个问题，希望有人可以帮助回答我的问题。

这是我的问题：当检测到运动/运动/活动(即Javascript使用jQuery/MooTools(时，我如何显示或隐藏div，或调用任何操作。

我知道这是可能的，因为 gmail 会利用它来，例如，当您长时间处于非活动状态时，您的状态将显示为非活动状态。当您将鼠标移到 de gmail 页面的正文时，状态将从非活动更改为在线。

所以希望有人能识别出满足我需求的脚本。

提前感谢，里奥·贝鲁特

Answer 1

将侦听器附加到document.body.onmousemove 。我正在使用类似的东西，并取得了巨大的成功。

document.body.onmousemove = function () {
    console.log("hey, you moved!");
}

当然，如果你继续前进，这将继续触发，所以也许你想要一个宽限期？

(function () {
    var in_grace = false; timout_set = false, grace = 5 * 1000; // 5 seconds
    document.onmousemove = function () {
        if (false === in_grace) {
            in_grace = true;
            timout_set = false;
            console.log("hey, you moved!");    // <-- your code here
        } else if (false === timout_set) {
            timout_set = true;
            setTimeout(function () {
                in_grace = false;
            }, grace);  // set in_grace to false after grace seconds
        }
    }
}());

这最多应每 5 秒触发一次事件。