사용자가 페이지를 조작했는지 여부를 판단하는 자바스크립트에 대한 자세한 설명-JS 튜토리얼-php.cn

사용자가 페이지를 조작했는지 여부를 판단하는 자바스크립트에 대한 자세한 설명

小云云

풀어 주다： 2018-05-18 10:00:26

원래의

2166명이 탐색했습니다.

이 글은 주로 사용자가 페이지를 운영했는지 여부를 판단하기 위한 관련 정보를 소개합니다. 도움이 필요한 친구들이 모두 참고할 수 있기를 바랍니다.

사용자가 페이지를 운영했는지 여부를 확인하는 javascript

js를 사용하여 사용자가 페이지를 운영했는지 확인하면 우리가 해야 할 일은 아이디어를 정리하는 것뿐입니다.

1. 아이디어

사용자에게 조작 인터페이스가 있는지 여부에 관계없이 페이지가 지정된 시간 내에 이벤트를 트리거하는지 여부를 고려할 수 있습니다. 예를 들어 사용자가 클릭했는지, 버튼을 눌렀는지 또는 마우스 휠을 굴렸는지 여부입니다. 사용자가 마우스 등을 움직였습니까? 사용자가 이러한 작업을 수행하지 않으면 대략적으로 사용자가 페이지를 조작하지 않는다고 생각할 수 있습니다. 타이머를 줄 수 있어요. 사용자가 지정된 시간 내에 이러한 이벤트를 트리거하는지 여부를 기록합니다. 코드를 직접 올리겠습니다. 코드의 구체적인 의미는 대략 이렇습니다.

2. 코드 데모

<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <title>js判断用户有没有操作页面</title>
</head>
<body>


<script>
 window.onload = function (){

   (function($){
     funObj = {
       timeUserFun:&#39;timeUserFun&#39;,
     }
     $[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(&#39;html&#39;);
       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><!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <title>js判断用户有没有操作页面</title>
</head>
<body>


<script>
 window.onload = function (){

   (function($){
     funObj = {
       timeUserFun:&#39;timeUserFun&#39;,
     }
     $[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(&#39;html&#39;);
       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>

로그인 후 복사