如果鼠标空闲特定时间,请移至容器'页

时间:2015-04-18 06:36:37

标签: javascript jquery

我在javascript中执行一项任务。我不知道如何解决这个问题,在索引页面中我将iframe加载到子页面。如果鼠标闲置一段时间,我将重定向到索引'容器'。它不是在给定时间内停留在子页面中,而是移动到“索引”页面。我附上了我的代码。我不知道我哪里出错了。请指导我。

var timeout = null;
    $(document).on('mousemove', function() {
        clearTimeout(timeout);
        timeout = setTimeout(function() {
            console.log('Mouse idle for 5 sec');
            $(".container").animate({marginLeft: "0px"});
        }, 10000);
    });

感谢。

1 个答案:

答案 0 :(得分:0)

尝试以下代码

   var timeout = null;
    $(document).on('mousemove','container', function() {
        clearTimeout(timeout);
        timeout = setTimeout(function() {
            console.log('Mouse idle for 5 sec');
            $(".container").animate({marginLeft: "0px"});
        }, 10000);
    });

并将容器更改为容器类或id(如果只有一个容器,则最好)。在mousemove事件列表器中。