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

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

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

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;
    };
}
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容