移动端(PC端)用户无任何操作跳转其他页面

xiaoxiao2021-02-28  22

前言:在一些网站中,往往需要在用户没有任何操作的时候,自动跳转咨询窗口来提高咨询介入。那么怎么知道用户在没在操作呢?PC端可以通过监听鼠标、键盘。移动端可以根据滑屏来判断。下面直接上码!

<!DOCTYPE html><html><head><meta charset="UTF-8"><title>用户无操作自动跳转</title></head><body style="height: 10000px;"> </body> <script> window.onload = function() { (function($) { funObj = { timeUserFun: 'timeUserFun', } $[funObj.timeUserFun] = function(time) { var time = time || 2; var userTime = time * 60; //设置时间  现在是6s var objTime = { init: 0, time: function() { objTime.init += 1; if(objTime.init == userTime) { window.location.href = "http://www.zhouchangshun.com";//把你跳转的页面。扔到这里就行了。 } }, 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); body.addEventListener("touchstart",objTime.eventFun); } })(window) timeUserFun(0.1); } </script></html>

转载请注明原文地址: https://www.6miu.com/read-2800251.html

最新回复(0)