没有用户登录的情况，如何判断网页是否长时间未操作

qq_15950893 2020-09-21 11:18:21

一个系统无需用户登录，他们只浏览，在没有用户登录的情况，如何判断网页长时间未操作，如果超过10分钟未操作，再次回到该页面时，弹出欢迎回来框，点确定，网页自动刷新。

...全文

8264 10 打赏收藏转发到动态举报

写回复

10 条回复

切换为时间正序

请发表友善的回复…

发表回复

my80086 2020-09-22

打赏
举报

回复

我是来学习的

尚稻山 2020-09-22

打赏
举报

回复

至于用户再次回来的弹窗欢迎，可以考虑一下cookie，如果是自动关闭的网页，那么自动存一个cookie，用户打开网页时，首先检测有无cookie，有就弹窗，没有就执行正常流程

尚稻山 2020-09-22

打赏
举报

回复

弹窗可以直接说明，检测到用户长时间无操作，系统即将关闭

尚稻山 2020-09-22

打赏
举报

回复

这多简单啊== 检测十分钟内滚轮有无滚动，不滚动的话弹出一个模态框，定时1分钟之内关闭系统，如果模态框被人为关闭，那么定时器也被关闭。正常人在浏览的时候，都会去关闭弹窗，不然怎么浏览。思路就是试探一下有无人员在浏览，加上检测滚轮与鼠标来辅助，可以的

RunningOnMyWay 2020-09-22

打赏
举报

回复

监听document有没有touchstart事件如果存在，证明网页长时间未操作，touchstart比click更快时间更短；如果说滚动不算操作的话，那可以通过touchstart触发的目标元素判断是否是页面的某些按钮输入框选择框等等元素，如果是证明该元素正在被操作可以结合touchend记录最后的时间节点，在下一次触发touchstart时重新计时

qq_15950893 2020-09-22

打赏
举报

回复

引用 3 楼 sha虫剂的回复：

长时间未操作无非就两个一、鼠标事件二、键盘事件，这两个事件10分钟不触发就提示

但是鼠标和键盘不操作这个系统，不代表不操作其他系统啊

qq_25073223 2020-09-21

打赏
举报

回复

js在html网页上绑定相应的事件，进行实时监控！

sha虫剂 2020-09-21

打赏
举报

回复

长时间未操作无非就两个一、鼠标事件二、键盘事件，这两个事件10分钟不触发就提示

jio可 2020-09-21

打赏
举报

回复

监听document点击事件应该就可以

今晚吃火锅耶 2020-09-21

打赏
举报

回复

可以判断页面是否滚动，未滚动超过10分钟就算是未操作

function hasOperate(callback, second) { //second是检测未操作的时间，秒为单位，callback是该时间段未点击需要执行的函数 var status = true; var timer; document.body.onmousedown = function () { status

　　主要是通过mouseover 来监听有没有进行当前页面操作，通过未操作时间和设定退出的时间做比较，从而退出登录。 var oldTime = new Date().getTime(); var newTime = new Date().getTime(); var outTime = 8 * 60 * 1000; //设置超时时间： 8分钟 ...

我们可以通过添加一个变量记录开始执行时间，当下一次执行与当前的时间间隔小于某个值时直接退出函数，从而解决这个问题。事件，在页面隐藏时移除延时器，在页面显示时继续（隐藏时间也可以不计算在内）计时，从而解决这个问题。因而我们可以通过监听相应的输入事件有无触发，来判断用户是否在操作网页。网上冲浪后，也没有找到一个比较好的js封装去解决这个问题，从而决定自己实现。方法执行失败，即添加防抖后不能正常清除延时器，其次嵌套。是的，肯定有那么点影响，那我为啥不添加防抖呢？以下代码，简易实现了一个判断失活的方法。

页面长时间未操作，实现自动退出登录原理

vue网页项目监听用户无操作后退出登录，vue如何实现检测用户长时间误操作，vue实现长时间未操作退出登录，vue项目中长时间不操作退出登录，vue如何实现监听用户是否移动鼠标，VUE 实现用户长时间不操作，自动退出登录，vue实现登录之后长时间未操作退出登录，vue实现用户长时间不操作自动退出登录功能的实现代码，Vue设置长时间未操作登录自动到期返回登录页，vue中js判断长时间不操作界面自动退出登录，Vue监听用户指定时间内长未操作系统，vue实现页面无操作，一段时间后自动退出登录，vue网站长时间无操

28,409

社区成员

356,971

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章