客户提了一个需求，无鼠标键盘操作一段时间时，跳转页面到首页，做了一下午，搞定！
<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>
分享到：
相关推荐
主要介绍了js监听鼠标点击(onmousedown)和键盘点击(onkeydown)事件并自动跳转页面，很简单的一个实现
13.10 超过时间页面自动跳转 13.11 分时段问候用户 13.12 获取服务器时间 13.13 倒计时显示 13.14 背景时钟 13.15 计算某天星期几 13.16 计算时间差 13.17 计算网页停留时间 13.18 记录页面的修改时间 13.19 将日期...
27.如何用css自定义鼠标形状？.html 28.设为主页后刷新不在显示提示.html 29.收藏本站源码.html 30.鼠标换过链接出现对话框的效果.html 31.双击鼠标滚动屏幕的代码.html 32.随滚动条滚动代码.html 33.随即显示名人...
13.10 超过时间页面自动跳转 13.11 分时段问候用户 13.12 获取服务器时间 13.13 倒计时显示 13.14 背景时钟 13.15 计算某天星期几 13.16 计算时间差 13.17 计算网页停留时间 13.18 记录页面的修改时间 13.19 将日期...
示例描述：JavaScript的鼠标事件和键盘事件。 7_1.htm 按钮的鼠标单击事件。 7_2.htm 用鼠标点亮文本。 7_3.htm 渐显图片。 7_4.htm 跟随鼠标的图片。 7_5.htm 跟随鼠标的*。 7_6.htm 跟随鼠标的文字。 ...
示例描述：JavaScript的鼠标事件和键盘事件。 7_1.htm 按钮的鼠标单击事件。 7_2.htm 用鼠标点亮文本。 7_3.htm 渐显图片。 7_4.htm 跟随鼠标的图片。 7_5.htm 跟随鼠标的*。 7_6.htm 跟随鼠标的文字。 ...
页面跳转 465 实例294 利用CSS样式设置解释型菜单 467 实例295 利用主题中CSS级联样式动态更换 网站皮肤 468 12.2 应用JavaScript脚本实现Web窗口 控制 470 实例296 利用JavaScript打开新窗口显示广告 信息 470 ...
12 页面传值 页面传值 13 ctrl+回车自动提交 ctrl+回车自动提交 14 跳转菜单 跳转菜单 15 判断浏览器 判断浏览器 16 时间相加 时间相加 17 键盘码 键盘码 18 关闭窗口 关闭窗口 19 选择头像 选择头像 20 ...
7、搜索跳转页面 14 8、搜索表单的部署 14 9、详细内容页面 14 10、其他组件 14 11、搜索功能会遇到的问题及其解决方案 14 12、搜索过滤 16 13、注意 16 14、WCM高级搜索参数 16 ADVANCED WCM/WEBSPHERE PORTAL ...
受启发，它主要通过无鼠标交互运行，让您只需敲几下键盘即可访问您的食谱。 您还可以使用它通过自定义 CSS 或 JavaScript 来个性化网站。 阅读了解更多详情。 您可以将 Launchlet 作为、或作为您自己项目中的，以...
QuicKey可让您仅输入页面标题或URL的一部分来浏览所有Chrome标签。 无需鼠标！ 按ALT Q （在MacOS上为Ctrl Q ）。 输入几个字母。 按Enter切换到选定的选项卡。 要在两个最近使用的选项卡之间切换，请快速按两次...
* 使用数字键盘快捷键缩放网页时, 状态栏的缩放按钮显示数值不会变化. [收藏] * 在收藏栏中的 "更多收藏" 中, 进行快捷组和文件夹的转换时会有延迟. * 某些情况下收藏栏文件夹的鼠标右键菜单会出现闪烁. [下载] * ...
删除无限debugger备注:index.html为原始页面代码,index2.html为处理后页面代码,eval.js为格式化后的evaljs代码,eval2.js为处理后代码快速阅读:index2.html 搜索call快速找到eval的入口eval2.js搜索"$$a[0]"这里是...
实例097 通过双击鼠标实现页面自动滚屏 145 3.10 其他 146 实例098 设置主页 147 实例099 收藏本站 147 实例100 离开时启动收藏夹 148 第4章 验证控件 151 4.1 通信类验证 152 实例101 验证E-mail...
mxp/响应一个键盘按钮，然后使浏览器跳转到另一个地址 mxp/在file菜单下增加一个新的命令，可以列出最近编辑的几个文件。就好象Windows开始菜单中的“文档” mxp/现在的插件真是不得了！我恨不的给每个插件都打上5分...
2、title ：鼠标悬停在元素上时，体现的文字 3、class ：引用 类选择器时使用(CSS中) 4、style ：定义 内联方式方式使用(CSS中) 4、注释 语法：<!-- --> 注意： 1、注释不能嵌套 2、注释不能出现在...
pageY 鼠标相对于页面的位置 type 事件类型 target 事件作用的节点对象 2）事件的兼容性： 在低版本的IE和火狐上，事件传递机制不一样，需要通过window.event来获取事件 window.event||e 二、事件绑定和取消 1. ...