Heim > Artikel > Web-Frontend > Beispiel für JavaScript, das ermittelt, ob der Benutzer die Seite bedient hat

Beispiel für JavaScript, das ermittelt, ob der Benutzer die Seite bedient hat

黄舟Original: 2017-10-18 10:54:081619Durchsuche

In diesem Artikel werden hauptsächlich relevante Informationen zu Javascript vorgestellt, um festzustellen, ob der Benutzer die Seite bedient hat. Ich hoffe, dieser Artikel kann jedem helfen, der Hilfe benötigt.

Javascript, um festzustellen, ob

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>

Das obige ist der detaillierte Inhalt vonBeispiel für JavaScript, das ermittelt, ob der Benutzer die Seite bedient hat. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme：

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Vorheriger Artikel：Detailliertes Beispiel eines JavaScript-FormularskriptsNächster Artikel：Detailliertes Beispiel eines JavaScript-Formularskripts

In Verbindung stehende Artikel

Mehr sehen