>  기사  >  웹 프론트엔드  >  사용자가 페이지를 조작했는지 여부를 판단하는 JavaScript 예

사용자가 페이지를 조작했는지 여부를 판단하는 JavaScript 예

黄舟
黄舟원래의
2017-10-18 10:54:081616검색

이 글은 주로 사용자의 페이지 운영 여부를 판단하기 위한 자바스크립트 관련 정보를 소개합니다. 도움이 필요한 친구들은

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>

위 내용은 사용자가 페이지를 조작했는지 여부를 판단하는 JavaScript 예의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.