javascript - ユーザーがjavascriptを使用してWebページでアクティビティを行っていないかどうかを検出する

Question

マウスのクリック/キーボードの押下/マウスのスクロールを行わずにWebページにアクセスした場合に、ユーザーにポップアップを表示したい

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 でキーボード イベントとマウス イベントを処理できます。

ユーザーにそのメッセージが表示されるまでタイマーをカウントダウンし、適格なイベントを取得するたびにタイマーをリセットできます。