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

2021-02-25  本文已影响0人  德德de_前端攻城狮

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

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

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;
    };
}
上一篇下一篇

猜你喜欢

热点阅读