美文网首页
js监听页面长时间未操作状态

js监听页面长时间未操作状态

作者: 德德de_前端攻城狮 | 来源:发表于2021-02-25 09:40 被阅读0次

    需求:
    页面长时间未操作时,弹窗提示
    持续有交互则不提示

    该代码比较简单没有做封装,可以根据自己需求进行封装

    function actionListener(){
        var count = 0;
        var outTime = 2; //分钟
        function go() {
            count++;
            if (count == outTime * 60 ) {
                // alert('您长时间未操作页面');
                // 此处处理后续操作
            }
        }
        //页面倒计时
        window.setInterval(go, 1000);
        //监听鼠标
        var x;
        var y;
        document.onmousemove = function(event) {
            /* Act on the event */
            var x1 = event.clientX;
            var y1 = event.clientY;
            if (x != x1 || y != y1) {
                count = 0;
            }
            x = x1;
            y = y1;
        };
        document.onkeydown = function(event) {
            count = 0;
        };
    }
    

    相关文章

      网友评论

          本文标题:js监听页面长时间未操作状态

          本文链接:https://www.haomeiwen.com/subject/uegjfltx.html