Maison  >  Article  >  interface Web  >  JavaScript détermine si l'utilisateur a exploité la page

JavaScript détermine si l'utilisateur a exploité la page

韦小宝
韦小宝original
2018-01-11 10:17:042290parcourir

Cet article présente principalement des informations relatives au javascript pour déterminer si l'utilisateur a exploité la page. J'espère que cet article pourra aider tout le monde à mieux apprendre js. Les amis intéressés par js peuvent se référer à cet article.

javascript détermine si l'utilisateur a exploité la page

En utilisant js pour déterminer si l'utilisateur a exploité la page, il ne nous reste plus qu'à organiser nos idées.

1. Idées

Que l'utilisateur dispose d'une interface d'opération, nous pouvons déterminer si la page déclenche l'événement dans le délai spécifié. Par exemple, si l'utilisateur a cliqué, appuyé sur un bouton ou fait tourner la molette de la souris. L'utilisateur a-t-il déplacé la souris, etc. Si l’utilisateur n’effectue pas ces opérations, alors on peut grossièrement penser que l’utilisateur n’exploite pas la page. Nous pouvons donner un minuterie. Pour enregistrer si l'utilisateur déclenche ces événements dans le délai spécifié. Je publierai le code directement, je n'expliquerai pas la signification spécifique du code. L'idée est à peu près la suivante.

2. Démonstration de code

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

Ce qui précède est tout le contenu de cet article, j'espère qu'il sera utile à tout le monde à apprendre !

Recommandations associées :

Comment implémenter la modularisation dans JS

Implémentation simple en JS du partage d'exemples de données à chargement coulissant

Exemples détaillés de JS supprimant toutes les virgules dans une chaîne

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn