Question

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

这是我的问题：当我检测到移动/动作/活动时（通过使用jQuery / MooTools的Javascript）显示或隐藏div，或者调用任何动作，我怎么能。

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

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

提前致谢， Leo Behrutt

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秒发射一次事件。

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

1 个答案: