这是我关于stackoverflow的第一个问题,希望有人能帮助回答我的问题。
这是我的问题:当检测到移动/运动/活动时(例如,通过使用jQuery/MooTools的Javascript ),我如何显示或隐藏div,或者调用任何操作。
我知道这是可能的,因为gmail利用它来,例如,当你长时间不活动时,你的状态将显示为非活动。当你将鼠标移到gmail页面的正文上时,状态将从非活动状态变为在线状态。
因此,希望有人能识别出满足我需求的脚本。
提前谢谢你,利奥·贝鲁特
发布于 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秒触发一次事件。
https://stackoverflow.com/questions/10356910
复制相似问题