jsユーザーがページを操作しているかどうかを判断する
4141 ワード
jsでユーザーがページを操作しているかどうかを判断し、私たちがしなければならないのは私たちの考えを整理することです。
一、考え方
ユーザーがインタフェースを操作しているかどうかは、ページが所定時間内にイベントをトリガーしているかどうかを考慮することができます.例えば、ユーザーがクリックしたかどうか、ボタンがあるかどうか、マウスのローラーをスクロールしたかどうか.ユーザーがマウスを動かすかどうかなど.ユーザがこれらの操作を行わなかった場合、ユーザはページを操作していないと大まかに考えることができる.タイマーをあげることができます.所定時間内にユーザがこれらのイベントをトリガーしたかどうかを記録する.私は直接コードを貼って、コードの具体的な意味、私はもう説明しないで、構想は大体このようにします.
二、コードプレゼンテーション
<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>
具体的なコード:https://code.csdn.net/snippets/2460741