如果浏览器中没有操作，如何关闭引导模式

Question

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

我尝试过 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);

这是一个工作演示。 打开控制台查看mousemove和keypress事件。

mousemove事件的触发非常容易，因此可以测试它打开模态并快速将光标从键盘上移开。