JS 无鼠标键盘操作时跳转页面

最新推荐文章于 2022-07-05 11:25:17 发布

iteye_17839

最新推荐文章于 2022-07-05 11:25:17 发布

阅读量212

点赞数

分类专栏： JS 文章标签： prototype F#

本文链接：https://blog.csdn.net/iteye_17839/article/details/81864125

版权

JS 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

客户提了一个需求，无鼠标键盘操作一段时间时，跳转页面到首页，做了一下午，搞定！


<html>
<head>
<script type="text/javascript">
function ScreenSaver(settings){
	this.settings = settings;

	this.nTimeout = this.settings.timeout;

	document.body.screenSaver = this;
	// link in to body events
	document.body.onmousemove = ScreenSaver.prototype.onevent;
	document.body.onmousedown = ScreenSaver.prototype.onevent;
	document.body.onkeydown = ScreenSaver.prototype.onevent;
	document.body.onkeypress = ScreenSaver.prototype.onevent;

	var pThis = this;
	var f = function(){pThis.timeout();}
	this.timerID = window.setTimeout(f, this.nTimeout);
}
ScreenSaver.prototype.timeout = function(){
	if ( !this.saver ){
		window.location = 'http://www.baidu.com';
	}
}
ScreenSaver.prototype.signal = function(){
	if ( this.saver ){
		this.saver.stop();
	}

	window.clearTimeout(this.timerID);

	var pThis = this;
	var f = function(){pThis.timeout();}
	this.timerID = window.setTimeout(f, this.nTimeout);
}

ScreenSaver.prototype.onevent = function(e){
	this.screenSaver.signal();
}


var saver;
function initScreenSaver(){
	//blort;
	saver = new ScreenSaver({timeout:5000});
}
function window.onload(){
  initScreenSaver();
}

</script>
	</head>
	<body>
</p>5秒不动就跳转
	</body>
</html>

iteye_17839

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JS 无鼠标键盘操作时跳转页面

客户提了一个需求，无鼠标键盘操作一段时间时，跳转页面到首页，做了一下午，搞定！[code="java"]function ScreenSaver(settings){ this.settings = settings; this.nTimeout = this.settings.timeout; document.body.screenSaver = ...
复制链接

扫一扫

专栏目录