js判断用户有没有操作页面

阅读: 评论:0

js判断用户有没有操作页面

js判断用户有没有操作页面

用js判断用户有没有操作页面,我们所要做的就是整理我们的思路。
一、思路

用户有没有操作界面,我们可以从页面在规定时间内有没有触发事件去考虑。比如用户有没有点击,有没有按键,有没有滚动鼠标滚轴。用户有没有移动鼠标等等。如果用户没有进行这些操作,那么我们可以大概的认为用户没有操作页面。我们可以给一个定时器。来记录在规定时间内用户有没有触发这些事件。我直接贴代码,代码的具体含义,我就不再讲解,思路大概就是这样。

二、代码演示
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>js判断用户有没有操作页面</title>
</head>
<body><script&load = function (){(function($){funObj = {timeUserFun:'timeUserFun',}$[funObj.timeUserFun] = function(time){var time = time || 2;var userTime = time*60;var objTime = {init:0,time:function(){objTime.init += 1;if(objTime.init == userTime){console.log(111)  // 用户到达未操作事件 做一些处理}},eventFun:function(){clearInterval(testUser);objTime.init = 0;testUser = setInterval(objTime.time,1000);}}var testUser = setInterval(objTime.time,1000);var body = document.querySelector('html');body.addEventListener("click",objTime.eventFun);body.addEventListener("keydown",objTime.eventFun);body.addEventListener("mousemove",objTime.eventFun);body.addEventListener("mousewheel",objTime.eventFun);}})(window)//     直接调用 参数代表分钟数,可以有一位小数;timeUserFun(0.1);}</script></body>
</html>

具体代码:

本文发布于:2024-02-02 04:00:14,感谢您对本站的认可!

本文链接:https://www.4u4v.net/it/170681780141217.html

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。

标签:操作   页面   用户   js
留言与评论(共有 0 条评论)
   
验证码:

Copyright ©2019-2022 Comsenz Inc.Powered by ©

网站地图1 网站地图2 网站地图3 网站地图4 网站地图5 网站地图6 网站地图7 网站地图8 网站地图9 网站地图10 网站地图11 网站地图12 网站地图13 网站地图14 网站地图15 网站地图16 网站地图17 网站地图18 网站地图19 网站地图20 网站地图21 网站地图22/a> 网站地图23