Detaillierte Erklärung von Javascript, um festzustellen, ob der Benutzer die Seite bedient hat-js-Tutorial-php.cn

Detaillierte Erklärung von Javascript, um festzustellen, ob der Benutzer die Seite bedient hat

小云云

Freigeben： 2018-05-18 10:00:26

Original

2162 Leute haben es durchsucht

In diesem Artikel werden hauptsächlich relevante Informationen zu JavaScript vorgestellt, um festzustellen, ob der Benutzer die Seite bedient hat. Ich hoffe, dass dieser Artikel allen helfen kann.

Javascript bestimmt, ob der Benutzer die Seite bedient hat

Verwenden Sie js, um festzustellen, ob der Benutzer die Seite bedient hat. Wir müssen lediglich unsere Ideen organisieren.

1. Ideen

Ob der Benutzer über eine Bedienoberfläche verfügt, können wir berücksichtigen, ob die Seite innerhalb der angegebenen Zeit Ereignisse auslöst. Beispielsweise, ob der Benutzer geklickt, eine Taste gedrückt oder das Mausrad gedreht hat. Hat der Benutzer die Maus bewegt usw. Wenn der Benutzer diese Vorgänge nicht ausführt, können wir grob davon ausgehen, dass der Benutzer die Seite nicht betreibt. Wir können einen Timer geben. Um aufzuzeichnen, ob der Benutzer diese Ereignisse innerhalb der angegebenen Zeit auslöst. Ich werde den Code direkt veröffentlichen und die spezifische Bedeutung des Codes nicht erklären.

2. Code-Demonstration

<!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>

Nach dem Login kopieren

Verwandte Empfehlungen:

Detaillierte Beispiele für den effizienten Betrieb von Seitenelementen mit jQuery

Wie erstelle ich dynamisch Links mit js? Tipps zum dynamischen Betreiben von Seitenelementen mit js

Einige Tipps zur Verwendung von JS zum Betreiben von Seitentabellen und Elementen_Grundkenntnisse

Das obige ist der detaillierte Inhalt vonDetaillierte Erklärung von Javascript, um festzustellen, ob der Benutzer die Seite bedient hat. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!