javascript - 检测用户是否没有使用 javascript 在网页上进行任何活动

Question

如果他在网页上没有做任何鼠标点击/键盘按下/鼠标滚动，我想向用户显示一个弹出窗口

有什么方法可以使用 javascript 来跟踪它吗？

Answer 1

var timeout = false;
function checkActivity() {
    clearTimeout(timeout);
    timeout = setTimeout(function () { alert('inactive'); }, AmountOfTime);
}
document.addEventListener('keydown', checkActivity);
document.addEventListener('mousedown', checkActivity);
document.addEventListener('mousemove', checkActivity);
checkActivity();

AmountOfTime这样做是在几毫秒后运行一个函数。它会在文档上的任何用户活动上重置。

Answer 2

您可以使用此（库）[https://github.com/mikesherov/jquery-idletimer] 来检测用户是否空闲。

例子：

$(document).on('idle.idleTimer', function() {
    //do something on idle;
    });
$(document).on('active.idleTimer', function() {
    //so something on activity;
    });
$(document).idleTimer(1000, {
    startImmediately: false,
    idle: true,
    enabled: true,
    events: 'keydown' //there are more events in the docs;
});

Answer 3

您可以在 JavaScript中处理键盘事件和鼠标事件。

您可以让计时器倒计时到应该向用户显示该消息的时间，并在您收到符合条件的事件时重置计时器。