Maison > Article > interface Web > JavaScript détermine si l'utilisateur a exploité la page
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:'timeUserFun', } $[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('html'); 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:'timeUserFun', } $[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('html'); 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!