当检测到移动/动作/活动时显示元素，即使用javascript
当检测到移动/动作/活动时显示元素，即使用javascript
提问于 2012-04-28 03:45:59
这是我关于stackoverflow的第一个问题，希望有人能帮助回答我的问题。
这是我的问题:当检测到移动/运动/活动时(例如，通过使用jQuery/MooTools的Javascript )，我如何显示或隐藏div，或者调用任何操作。
我知道这是可能的，因为gmail利用它来，例如，当你长时间不活动时，你的状态将显示为非活动。当你将鼠标移到gmail页面的正文上时，状态将从非活动状态变为在线状态。
因此，希望有人能识别出满足我需求的脚本。
提前谢谢你，利奥·贝鲁特
回答 1
Stack Overflow用户
回答已采纳
发布于 2012-04-28 03:47:40
将监听程序附加到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秒触发一次事件。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/10356910
复制相关文章
相似问题