如果浏览器中没有操作,如何解除引导模式

时间:2016-03-30 06:04:58

标签: javascript jquery css html5 twitter-bootstrap

如果浏览器屏幕中没有动作10-15秒,我想解除bootstrap模式。

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

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

那么,如果浏览器中没有动作,有没有办法隐藏模态框?

1 个答案:

答案 0 :(得分:1)

如果键盘中有actionAppeared或“鼠标移动”,则下面的代码段会设置标记keypress。在鼠标中。

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。打开控制台以查看mousemovekeypress事件。

mousemove事件触发非常简单,因此要测试它打开模态并快速将光标移离键盘。