javascript - 如果浏览器中没有操作，如何关闭 Bootstrap 模式

Question

如果浏览器屏幕 10-15 秒内没有任何操作，我想关闭 Bootstrap 模式。

我试过 settimeout() 函数，但这不会检查浏览器中的操作。

setTimeout(function() {$('#form').modal('hide');}, 10000);

那么，有没有办法在浏览器中没有操作的情况下隐藏模态框？

Answer 1

如果键盘上有 keypress 或鼠标上有“mousemove”，则下面的代码片段设置了标志 actionAppeared。

var actionAppeared = false;

jQuery(document).mousemove(function (e) { actionAppeared = true; });
jQuery(document).keypress(function (e) { actionAppeared = true; });

setTimeout(function() {
    if(!actionAppeared) {
        $('#form').modal('hide');}
    }
, 10000);

这是一个有效的 demo .打开控制台可以看到 mousemove 和 keypress 事件。

mousemove 事件的触发非常简单，因此要测试它，请打开模式并快速将光标从键盘上移开。