Heim > Artikel > Web-Frontend > Beispiel für JavaScript, das ermittelt, ob der Benutzer die Seite bedient hat
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:'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>
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!