Heim > Artikel > Web-Frontend > JavaScript ermittelt, ob der Benutzer die Seite bedient hat

JavaScript ermittelt, ob der Benutzer die Seite bedient hat

韦小宝Original: 2018-01-11 10:17:042266Durchsuche

Dieser Artikel stellt hauptsächlich Javascript-bezogene Informationen vor, um festzustellen, ob der Benutzer die Seite bedient hat. Ich hoffe, dass dieser Artikel jedem helfen kann, JS besser zu lernen

Javascript bestimmt, ob der Benutzer die Seite bedient hat

Mit js können wir feststellen, 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 prüfen, ob die Seite das Ereignis innerhalb der angegebenen Zeit 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 gesamte Inhalt dieses Artikels, ich hoffe, dass er für alle hilfreich ist!

Verwandte Empfehlungen:

So implementieren Sie die Modularisierung in JS

JS einfache Implementierung der gleitenden Ladedatenbeispielfreigabe

Detaillierte Beispiele für das Entfernen aller Kommas in einer Zeichenfolge durch JS

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

JavaScript 字符串 JS 事件

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：Promise in JS verwenden, um Ampel-Beispielcode zu implementieren (Demo)Nächster Artikel：Promise in JS verwenden, um Ampel-Beispielcode zu implementieren (Demo)

In Verbindung stehende Artikel

Mehr sehen