vue 在操作机上怎么监听用户未操作任何界面

就在用在操作机上的APP,如果用户未操作就要把当前的本地存储信息清空。怎么监听用户没有操作过界面然后30秒后就自动清空用户数据。

阅读 6k
2 个回答

在最外层加个点击事件

data:{
    clickTime: new Date(),
    timeout: null
},
methods:{
    clickApp(){
        var nowTime = new Date()
        if(nowTime - this.clickTime <= 30000){//如果距离上次点击小于30s
            clearTimeout(this.timeout)
            this.timeout = setTimeout(function(){
                //清楚用户数据的代码
            },30000)
        }
        this.clickTime = nowTime //设置点击时间为当前时间
    }
}

未操作的定义得明确一下,是用户没有点击页面?还是没有滑动页面?
根据具体的需求监听具体的事件,设置一个用户是否操作的flag,再设置个30s的定时器来判定这个flag就好了

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题